<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lucide</title>
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  
    <meta name="description" content="Lucide icons as TTF/EOT/WOFF/WOFF2/SVG.">
  
    <meta name="keywords" content="Lucide,TTF,EOT,WOFF,WOFF2,SVG">
  
  
  
  <style>
    *{margin: 0;padding: 0;list-style: none;}
    body { color: #696969; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; }
    a { color: #333; text-decoration: underline; }
    a:hover { color: rgb(9, 73, 209); }
    .header { color: #333; text-align: center; padding: 80px 0 60px 0; min-height: 153px; font-size: 14px; }
    .header .logo svg { height: 120px; width: 120px; }
    .header h1 { font-size: 42px; padding: 26px 0 10px 0; }
    .header sup {font-size: 14px; margin: 8px 0 0 8px; position: absolute; color: #7b7b7b; }
    .info {
      color: #999;
      font-weight: normal;
      max-width: 346px;
      margin: 0 auto;
      padding: 20px 0;
      font-size: 14px;
    }

    .icons { max-width: 1190px; margin: 0 auto; }
    .icons ul { text-align: center; }
    .icons ul li {
      vertical-align: top;
      width: 120px;
      display: inline-block;
      text-align: center;
      background-color: rgba(0,0,0,.02);
      border-radius: 3px;
      padding: 29px 0 10px 0;
      margin-right: 10px;
      margin-top: 10px;
      transition: all 0.6s ease;
    }
    .icons ul li:hover { background-color: rgba(0,0,0,.06); }
    .icons ul li:hover span { color: #3c75e4; opacity: 1; }
    .icons ul li .unicode { color: #8c8c8c; opacity: 0.3; }
    .icons ul li h4 {
      font-weight: normal;
      padding: 10px 0 5px 0;
      display: block;
      color: #8c8c8c;
      font-size: 14px;
      line-height: 12px;
      opacity: 0.8;
    }
    .icons ul li:hover h4 { opacity: 1; }
    .icons ul li svg { width: 24px; height: 24px; }
    .icons ul li:hover { color: #3c75e4; }
    .footer { text-align: center; padding: 10px 0 90px 0; }
    .footer a { text-align: center; padding: 10px 0 90px 0; color: #696969;}
    .footer a:hover { color: #0949d1; }
    .links { text-align: center; padding: 50px 0 0 0; font-size: 14px; }
    
    .icons ul li.symbol {padding: 28px 10px 16px 10px; width: 100px;}
    .icons ul li.symbol svg {width: 34px; height: 34px;}
    .icons ul li.symbol h4 {font-size: 12px;}
    
    
    .github-corner:hover .octo-arm { animation: octocat-wave 560ms ease-in-out; }
    .github-corner svg { position: fixed; z-index: 999; border: 0px; top: 0px; right: 0px;}
    @keyframes octocat-wave{
      0%, 100% { transform: rotate(0); }
      20%, 60% { transform: rotate(-25deg); }
      40%, 80% { transform: rotate(10deg); }
    }
    @media (max-width:500px){
      .github-corner:hover .octo-arm { animation: none; }
      .github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out; }
    }
    
  </style>
</head>

<body>
  
    <a href="https://github.com/lucide-icons/lucide" target="__blank" class="github-corner">
      <svg width="62" height="62" viewBox="0 0 250 250" aria-hidden="true" style="fill: #dc3545; color: rgb(255, 255, 255); ">
        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" class="octo-arm" style="transform-origin: 130px 106px;"></path>
        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
      </svg>
    </a>
  
  <div class="header">
    
    <h1>Lucide<sup>1.0.0</sup></h1>
    <div class="info">
      
    </div>
    <p>
      
        <a href="https://github.com/lucide-icons/lucide">GitHub</a> · 
      
        <a href="https://github.com/lucide-icons/lucide/issues">Feedback</a> · 
      
        <a href="index.html">Font Class</a> · 
      
        <a href="unicode.html">Unicode</a>
      
    </p>
  </div>
  <div class="icons">
    <ul>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-a-arrow-down"></use>
          </svg>
          <h4>icon-a-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-a-arrow-up"></use>
          </svg>
          <h4>icon-a-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-a-large-small"></use>
          </svg>
          <h4>icon-a-large-small</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-accessibility"></use>
          </svg>
          <h4>icon-accessibility</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-activity"></use>
          </svg>
          <h4>icon-activity</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-air-vent"></use>
          </svg>
          <h4>icon-air-vent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-airplay"></use>
          </svg>
          <h4>icon-airplay</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-alarm-clock-check"></use>
          </svg>
          <h4>icon-alarm-clock-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-alarm-clock-minus"></use>
          </svg>
          <h4>icon-alarm-clock-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-alarm-clock-off"></use>
          </svg>
          <h4>icon-alarm-clock-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-alarm-clock-plus"></use>
          </svg>
          <h4>icon-alarm-clock-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-alarm-clock"></use>
          </svg>
          <h4>icon-alarm-clock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-alarm-smoke"></use>
          </svg>
          <h4>icon-alarm-smoke</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-album"></use>
          </svg>
          <h4>icon-album</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-center-horizontal"></use>
          </svg>
          <h4>icon-align-center-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-center-vertical"></use>
          </svg>
          <h4>icon-align-center-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-center"></use>
          </svg>
          <h4>icon-align-center</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-end-horizontal"></use>
          </svg>
          <h4>icon-align-end-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-end-vertical"></use>
          </svg>
          <h4>icon-align-end-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-distribute-center"></use>
          </svg>
          <h4>icon-align-horizontal-distribute-center</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-distribute-end"></use>
          </svg>
          <h4>icon-align-horizontal-distribute-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-distribute-start"></use>
          </svg>
          <h4>icon-align-horizontal-distribute-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-justify-center"></use>
          </svg>
          <h4>icon-align-horizontal-justify-center</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-justify-end"></use>
          </svg>
          <h4>icon-align-horizontal-justify-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-justify-start"></use>
          </svg>
          <h4>icon-align-horizontal-justify-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-space-around"></use>
          </svg>
          <h4>icon-align-horizontal-space-around</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-horizontal-space-between"></use>
          </svg>
          <h4>icon-align-horizontal-space-between</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-justify"></use>
          </svg>
          <h4>icon-align-justify</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-left"></use>
          </svg>
          <h4>icon-align-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-right"></use>
          </svg>
          <h4>icon-align-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-start-horizontal"></use>
          </svg>
          <h4>icon-align-start-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-start-vertical"></use>
          </svg>
          <h4>icon-align-start-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-distribute-center"></use>
          </svg>
          <h4>icon-align-vertical-distribute-center</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-distribute-end"></use>
          </svg>
          <h4>icon-align-vertical-distribute-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-distribute-start"></use>
          </svg>
          <h4>icon-align-vertical-distribute-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-justify-center"></use>
          </svg>
          <h4>icon-align-vertical-justify-center</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-justify-end"></use>
          </svg>
          <h4>icon-align-vertical-justify-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-justify-start"></use>
          </svg>
          <h4>icon-align-vertical-justify-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-space-around"></use>
          </svg>
          <h4>icon-align-vertical-space-around</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-align-vertical-space-between"></use>
          </svg>
          <h4>icon-align-vertical-space-between</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ambulance"></use>
          </svg>
          <h4>icon-ambulance</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ampersand"></use>
          </svg>
          <h4>icon-ampersand</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ampersands"></use>
          </svg>
          <h4>icon-ampersands</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-amphora"></use>
          </svg>
          <h4>icon-amphora</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-anchor"></use>
          </svg>
          <h4>icon-anchor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-angry"></use>
          </svg>
          <h4>icon-angry</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-annoyed"></use>
          </svg>
          <h4>icon-annoyed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-antenna"></use>
          </svg>
          <h4>icon-antenna</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-anvil"></use>
          </svg>
          <h4>icon-anvil</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-aperture"></use>
          </svg>
          <h4>icon-aperture</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-app-window-mac"></use>
          </svg>
          <h4>icon-app-window-mac</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-app-window"></use>
          </svg>
          <h4>icon-app-window</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-apple"></use>
          </svg>
          <h4>icon-apple</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-archive-restore"></use>
          </svg>
          <h4>icon-archive-restore</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-archive-x"></use>
          </svg>
          <h4>icon-archive-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-archive"></use>
          </svg>
          <h4>icon-archive</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-armchair"></use>
          </svg>
          <h4>icon-armchair</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-down-dash"></use>
          </svg>
          <h4>icon-arrow-big-down-dash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-down"></use>
          </svg>
          <h4>icon-arrow-big-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-left-dash"></use>
          </svg>
          <h4>icon-arrow-big-left-dash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-left"></use>
          </svg>
          <h4>icon-arrow-big-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-right-dash"></use>
          </svg>
          <h4>icon-arrow-big-right-dash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-right"></use>
          </svg>
          <h4>icon-arrow-big-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-up-dash"></use>
          </svg>
          <h4>icon-arrow-big-up-dash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-big-up"></use>
          </svg>
          <h4>icon-arrow-big-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-0-1"></use>
          </svg>
          <h4>icon-arrow-down-0-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-1-0"></use>
          </svg>
          <h4>icon-arrow-down-1-0</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-a-z"></use>
          </svg>
          <h4>icon-arrow-down-a-z</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-from-line"></use>
          </svg>
          <h4>icon-arrow-down-from-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-left"></use>
          </svg>
          <h4>icon-arrow-down-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-narrow-wide"></use>
          </svg>
          <h4>icon-arrow-down-narrow-wide</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-right"></use>
          </svg>
          <h4>icon-arrow-down-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-to-dot"></use>
          </svg>
          <h4>icon-arrow-down-to-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-to-line"></use>
          </svg>
          <h4>icon-arrow-down-to-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-up"></use>
          </svg>
          <h4>icon-arrow-down-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-wide-narrow"></use>
          </svg>
          <h4>icon-arrow-down-wide-narrow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down-z-a"></use>
          </svg>
          <h4>icon-arrow-down-z-a</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-down"></use>
          </svg>
          <h4>icon-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-left-from-line"></use>
          </svg>
          <h4>icon-arrow-left-from-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-left-right"></use>
          </svg>
          <h4>icon-arrow-left-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-left-to-line"></use>
          </svg>
          <h4>icon-arrow-left-to-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-left"></use>
          </svg>
          <h4>icon-arrow-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-right-from-line"></use>
          </svg>
          <h4>icon-arrow-right-from-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-right-left"></use>
          </svg>
          <h4>icon-arrow-right-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-right-to-line"></use>
          </svg>
          <h4>icon-arrow-right-to-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-right"></use>
          </svg>
          <h4>icon-arrow-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-0-1"></use>
          </svg>
          <h4>icon-arrow-up-0-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-1-0"></use>
          </svg>
          <h4>icon-arrow-up-1-0</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-a-z"></use>
          </svg>
          <h4>icon-arrow-up-a-z</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-down"></use>
          </svg>
          <h4>icon-arrow-up-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-from-dot"></use>
          </svg>
          <h4>icon-arrow-up-from-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-from-line"></use>
          </svg>
          <h4>icon-arrow-up-from-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-left"></use>
          </svg>
          <h4>icon-arrow-up-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-narrow-wide"></use>
          </svg>
          <h4>icon-arrow-up-narrow-wide</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-right"></use>
          </svg>
          <h4>icon-arrow-up-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-to-line"></use>
          </svg>
          <h4>icon-arrow-up-to-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-wide-narrow"></use>
          </svg>
          <h4>icon-arrow-up-wide-narrow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up-z-a"></use>
          </svg>
          <h4>icon-arrow-up-z-a</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrow-up"></use>
          </svg>
          <h4>icon-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-arrows-up-from-line"></use>
          </svg>
          <h4>icon-arrows-up-from-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-asterisk"></use>
          </svg>
          <h4>icon-asterisk</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-at-sign"></use>
          </svg>
          <h4>icon-at-sign</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-atom"></use>
          </svg>
          <h4>icon-atom</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-audio-lines"></use>
          </svg>
          <h4>icon-audio-lines</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-audio-waveform"></use>
          </svg>
          <h4>icon-audio-waveform</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-award"></use>
          </svg>
          <h4>icon-award</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-axe"></use>
          </svg>
          <h4>icon-axe</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-axis-3d"></use>
          </svg>
          <h4>icon-axis-3d</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-baby"></use>
          </svg>
          <h4>icon-baby</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-backpack"></use>
          </svg>
          <h4>icon-backpack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-alert"></use>
          </svg>
          <h4>icon-badge-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-cent"></use>
          </svg>
          <h4>icon-badge-cent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-check"></use>
          </svg>
          <h4>icon-badge-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-dollar-sign"></use>
          </svg>
          <h4>icon-badge-dollar-sign</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-euro"></use>
          </svg>
          <h4>icon-badge-euro</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-help"></use>
          </svg>
          <h4>icon-badge-help</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-indian-rupee"></use>
          </svg>
          <h4>icon-badge-indian-rupee</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-info"></use>
          </svg>
          <h4>icon-badge-info</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-japanese-yen"></use>
          </svg>
          <h4>icon-badge-japanese-yen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-minus"></use>
          </svg>
          <h4>icon-badge-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-percent"></use>
          </svg>
          <h4>icon-badge-percent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-plus"></use>
          </svg>
          <h4>icon-badge-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-pound-sterling"></use>
          </svg>
          <h4>icon-badge-pound-sterling</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-russian-ruble"></use>
          </svg>
          <h4>icon-badge-russian-ruble</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-swiss-franc"></use>
          </svg>
          <h4>icon-badge-swiss-franc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge-x"></use>
          </svg>
          <h4>icon-badge-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-badge"></use>
          </svg>
          <h4>icon-badge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-baggage-claim"></use>
          </svg>
          <h4>icon-baggage-claim</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ban"></use>
          </svg>
          <h4>icon-ban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-banana"></use>
          </svg>
          <h4>icon-banana</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bandage"></use>
          </svg>
          <h4>icon-bandage</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-banknote"></use>
          </svg>
          <h4>icon-banknote</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-barcode"></use>
          </svg>
          <h4>icon-barcode</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-baseline"></use>
          </svg>
          <h4>icon-baseline</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bath"></use>
          </svg>
          <h4>icon-bath</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery-charging"></use>
          </svg>
          <h4>icon-battery-charging</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery-full"></use>
          </svg>
          <h4>icon-battery-full</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery-low"></use>
          </svg>
          <h4>icon-battery-low</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery-medium"></use>
          </svg>
          <h4>icon-battery-medium</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery-plus"></use>
          </svg>
          <h4>icon-battery-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery-warning"></use>
          </svg>
          <h4>icon-battery-warning</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-battery"></use>
          </svg>
          <h4>icon-battery</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-beaker"></use>
          </svg>
          <h4>icon-beaker</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bean-off"></use>
          </svg>
          <h4>icon-bean-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bean"></use>
          </svg>
          <h4>icon-bean</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bed-double"></use>
          </svg>
          <h4>icon-bed-double</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bed-single"></use>
          </svg>
          <h4>icon-bed-single</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bed"></use>
          </svg>
          <h4>icon-bed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-beef"></use>
          </svg>
          <h4>icon-beef</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-beer-off"></use>
          </svg>
          <h4>icon-beer-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-beer"></use>
          </svg>
          <h4>icon-beer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell-dot"></use>
          </svg>
          <h4>icon-bell-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell-electric"></use>
          </svg>
          <h4>icon-bell-electric</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell-minus"></use>
          </svg>
          <h4>icon-bell-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell-off"></use>
          </svg>
          <h4>icon-bell-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell-plus"></use>
          </svg>
          <h4>icon-bell-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell-ring"></use>
          </svg>
          <h4>icon-bell-ring</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bell"></use>
          </svg>
          <h4>icon-bell</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-between-horizontal-end"></use>
          </svg>
          <h4>icon-between-horizontal-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-between-horizontal-start"></use>
          </svg>
          <h4>icon-between-horizontal-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-between-vertical-end"></use>
          </svg>
          <h4>icon-between-vertical-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-between-vertical-start"></use>
          </svg>
          <h4>icon-between-vertical-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-biceps-flexed"></use>
          </svg>
          <h4>icon-biceps-flexed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bike"></use>
          </svg>
          <h4>icon-bike</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-binary"></use>
          </svg>
          <h4>icon-binary</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-binoculars"></use>
          </svg>
          <h4>icon-binoculars</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-biohazard"></use>
          </svg>
          <h4>icon-biohazard</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bird"></use>
          </svg>
          <h4>icon-bird</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bitcoin"></use>
          </svg>
          <h4>icon-bitcoin</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-blend"></use>
          </svg>
          <h4>icon-blend</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-blinds"></use>
          </svg>
          <h4>icon-blinds</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-blocks"></use>
          </svg>
          <h4>icon-blocks</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bluetooth-connected"></use>
          </svg>
          <h4>icon-bluetooth-connected</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bluetooth-off"></use>
          </svg>
          <h4>icon-bluetooth-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bluetooth-searching"></use>
          </svg>
          <h4>icon-bluetooth-searching</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bluetooth"></use>
          </svg>
          <h4>icon-bluetooth</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bold"></use>
          </svg>
          <h4>icon-bold</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bolt"></use>
          </svg>
          <h4>icon-bolt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bomb"></use>
          </svg>
          <h4>icon-bomb</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bone"></use>
          </svg>
          <h4>icon-bone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-a"></use>
          </svg>
          <h4>icon-book-a</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-audio"></use>
          </svg>
          <h4>icon-book-audio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-check"></use>
          </svg>
          <h4>icon-book-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-copy"></use>
          </svg>
          <h4>icon-book-copy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-dashed"></use>
          </svg>
          <h4>icon-book-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-down"></use>
          </svg>
          <h4>icon-book-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-headphones"></use>
          </svg>
          <h4>icon-book-headphones</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-heart"></use>
          </svg>
          <h4>icon-book-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-image"></use>
          </svg>
          <h4>icon-book-image</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-key"></use>
          </svg>
          <h4>icon-book-key</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-lock"></use>
          </svg>
          <h4>icon-book-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-marked"></use>
          </svg>
          <h4>icon-book-marked</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-minus"></use>
          </svg>
          <h4>icon-book-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-open-check"></use>
          </svg>
          <h4>icon-book-open-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-open-text"></use>
          </svg>
          <h4>icon-book-open-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-open"></use>
          </svg>
          <h4>icon-book-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-plus"></use>
          </svg>
          <h4>icon-book-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-text"></use>
          </svg>
          <h4>icon-book-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-type"></use>
          </svg>
          <h4>icon-book-type</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-up-2"></use>
          </svg>
          <h4>icon-book-up-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-up"></use>
          </svg>
          <h4>icon-book-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-user"></use>
          </svg>
          <h4>icon-book-user</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book-x"></use>
          </svg>
          <h4>icon-book-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-book"></use>
          </svg>
          <h4>icon-book</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bookmark-check"></use>
          </svg>
          <h4>icon-bookmark-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bookmark-minus"></use>
          </svg>
          <h4>icon-bookmark-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bookmark-plus"></use>
          </svg>
          <h4>icon-bookmark-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bookmark-x"></use>
          </svg>
          <h4>icon-bookmark-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bookmark"></use>
          </svg>
          <h4>icon-bookmark</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-boom-box"></use>
          </svg>
          <h4>icon-boom-box</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bot-message-square"></use>
          </svg>
          <h4>icon-bot-message-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bot-off"></use>
          </svg>
          <h4>icon-bot-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bot"></use>
          </svg>
          <h4>icon-bot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-box"></use>
          </svg>
          <h4>icon-box</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-boxes"></use>
          </svg>
          <h4>icon-boxes</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-braces"></use>
          </svg>
          <h4>icon-braces</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-brackets"></use>
          </svg>
          <h4>icon-brackets</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-brain-circuit"></use>
          </svg>
          <h4>icon-brain-circuit</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-brain-cog"></use>
          </svg>
          <h4>icon-brain-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-brain"></use>
          </svg>
          <h4>icon-brain</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-brick-wall"></use>
          </svg>
          <h4>icon-brick-wall</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-briefcase-business"></use>
          </svg>
          <h4>icon-briefcase-business</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-briefcase-conveyor-belt"></use>
          </svg>
          <h4>icon-briefcase-conveyor-belt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-briefcase-medical"></use>
          </svg>
          <h4>icon-briefcase-medical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-briefcase"></use>
          </svg>
          <h4>icon-briefcase</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bring-to-front"></use>
          </svg>
          <h4>icon-bring-to-front</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-brush"></use>
          </svg>
          <h4>icon-brush</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bug-off"></use>
          </svg>
          <h4>icon-bug-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bug-play"></use>
          </svg>
          <h4>icon-bug-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bug"></use>
          </svg>
          <h4>icon-bug</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-building-2"></use>
          </svg>
          <h4>icon-building-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-building"></use>
          </svg>
          <h4>icon-building</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bus-front"></use>
          </svg>
          <h4>icon-bus-front</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-bus"></use>
          </svg>
          <h4>icon-bus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cable-car"></use>
          </svg>
          <h4>icon-cable-car</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cable"></use>
          </svg>
          <h4>icon-cable</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cake-slice"></use>
          </svg>
          <h4>icon-cake-slice</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cake"></use>
          </svg>
          <h4>icon-cake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calculator"></use>
          </svg>
          <h4>icon-calculator</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-1"></use>
          </svg>
          <h4>icon-calendar-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-arrow-down"></use>
          </svg>
          <h4>icon-calendar-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-arrow-up"></use>
          </svg>
          <h4>icon-calendar-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-check-2"></use>
          </svg>
          <h4>icon-calendar-check-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-check"></use>
          </svg>
          <h4>icon-calendar-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-clock"></use>
          </svg>
          <h4>icon-calendar-clock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-cog"></use>
          </svg>
          <h4>icon-calendar-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-days"></use>
          </svg>
          <h4>icon-calendar-days</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-fold"></use>
          </svg>
          <h4>icon-calendar-fold</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-heart"></use>
          </svg>
          <h4>icon-calendar-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-minus-2"></use>
          </svg>
          <h4>icon-calendar-minus-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-minus"></use>
          </svg>
          <h4>icon-calendar-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-off"></use>
          </svg>
          <h4>icon-calendar-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-plus-2"></use>
          </svg>
          <h4>icon-calendar-plus-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-plus"></use>
          </svg>
          <h4>icon-calendar-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-range"></use>
          </svg>
          <h4>icon-calendar-range</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-search"></use>
          </svg>
          <h4>icon-calendar-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-sync"></use>
          </svg>
          <h4>icon-calendar-sync</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-x-2"></use>
          </svg>
          <h4>icon-calendar-x-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar-x"></use>
          </svg>
          <h4>icon-calendar-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-calendar"></use>
          </svg>
          <h4>icon-calendar</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-camera-off"></use>
          </svg>
          <h4>icon-camera-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-camera"></use>
          </svg>
          <h4>icon-camera</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-candy-cane"></use>
          </svg>
          <h4>icon-candy-cane</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-candy-off"></use>
          </svg>
          <h4>icon-candy-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-candy"></use>
          </svg>
          <h4>icon-candy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cannabis"></use>
          </svg>
          <h4>icon-cannabis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-captions-off"></use>
          </svg>
          <h4>icon-captions-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-captions"></use>
          </svg>
          <h4>icon-captions</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-car-front"></use>
          </svg>
          <h4>icon-car-front</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-car-taxi-front"></use>
          </svg>
          <h4>icon-car-taxi-front</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-car"></use>
          </svg>
          <h4>icon-car</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-caravan"></use>
          </svg>
          <h4>icon-caravan</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-carrot"></use>
          </svg>
          <h4>icon-carrot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-case-lower"></use>
          </svg>
          <h4>icon-case-lower</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-case-sensitive"></use>
          </svg>
          <h4>icon-case-sensitive</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-case-upper"></use>
          </svg>
          <h4>icon-case-upper</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cassette-tape"></use>
          </svg>
          <h4>icon-cassette-tape</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cast"></use>
          </svg>
          <h4>icon-cast</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-castle"></use>
          </svg>
          <h4>icon-castle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cat"></use>
          </svg>
          <h4>icon-cat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cctv"></use>
          </svg>
          <h4>icon-cctv</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-area"></use>
          </svg>
          <h4>icon-chart-area</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-bar-big"></use>
          </svg>
          <h4>icon-chart-bar-big</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-bar-decreasing"></use>
          </svg>
          <h4>icon-chart-bar-decreasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-bar-increasing"></use>
          </svg>
          <h4>icon-chart-bar-increasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-bar-stacked"></use>
          </svg>
          <h4>icon-chart-bar-stacked</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-bar"></use>
          </svg>
          <h4>icon-chart-bar</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-candlestick"></use>
          </svg>
          <h4>icon-chart-candlestick</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-column-big"></use>
          </svg>
          <h4>icon-chart-column-big</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-column-decreasing"></use>
          </svg>
          <h4>icon-chart-column-decreasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-column-increasing"></use>
          </svg>
          <h4>icon-chart-column-increasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-column-stacked"></use>
          </svg>
          <h4>icon-chart-column-stacked</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-column"></use>
          </svg>
          <h4>icon-chart-column</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-gantt"></use>
          </svg>
          <h4>icon-chart-gantt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-line"></use>
          </svg>
          <h4>icon-chart-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-network"></use>
          </svg>
          <h4>icon-chart-network</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-no-axes-column-decreasing"></use>
          </svg>
          <h4>icon-chart-no-axes-column-decreasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-no-axes-column-increasing"></use>
          </svg>
          <h4>icon-chart-no-axes-column-increasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-no-axes-column"></use>
          </svg>
          <h4>icon-chart-no-axes-column</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-no-axes-combined"></use>
          </svg>
          <h4>icon-chart-no-axes-combined</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-no-axes-gantt"></use>
          </svg>
          <h4>icon-chart-no-axes-gantt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-pie"></use>
          </svg>
          <h4>icon-chart-pie</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-scatter"></use>
          </svg>
          <h4>icon-chart-scatter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chart-spline"></use>
          </svg>
          <h4>icon-chart-spline</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-check-check"></use>
          </svg>
          <h4>icon-check-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-check"></use>
          </svg>
          <h4>icon-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chef-hat"></use>
          </svg>
          <h4>icon-chef-hat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cherry"></use>
          </svg>
          <h4>icon-cherry</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevron-down"></use>
          </svg>
          <h4>icon-chevron-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevron-first"></use>
          </svg>
          <h4>icon-chevron-first</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevron-last"></use>
          </svg>
          <h4>icon-chevron-last</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevron-left"></use>
          </svg>
          <h4>icon-chevron-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevron-right"></use>
          </svg>
          <h4>icon-chevron-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevron-up"></use>
          </svg>
          <h4>icon-chevron-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-down-up"></use>
          </svg>
          <h4>icon-chevrons-down-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-down"></use>
          </svg>
          <h4>icon-chevrons-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-left-right-ellipsis"></use>
          </svg>
          <h4>icon-chevrons-left-right-ellipsis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-left-right"></use>
          </svg>
          <h4>icon-chevrons-left-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-left"></use>
          </svg>
          <h4>icon-chevrons-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-right-left"></use>
          </svg>
          <h4>icon-chevrons-right-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-right"></use>
          </svg>
          <h4>icon-chevrons-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-up-down"></use>
          </svg>
          <h4>icon-chevrons-up-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chevrons-up"></use>
          </svg>
          <h4>icon-chevrons-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-chrome"></use>
          </svg>
          <h4>icon-chrome</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-church"></use>
          </svg>
          <h4>icon-church</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cigarette-off"></use>
          </svg>
          <h4>icon-cigarette-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cigarette"></use>
          </svg>
          <h4>icon-cigarette</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-alert"></use>
          </svg>
          <h4>icon-circle-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-down"></use>
          </svg>
          <h4>icon-circle-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-left"></use>
          </svg>
          <h4>icon-circle-arrow-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-out-down-left"></use>
          </svg>
          <h4>icon-circle-arrow-out-down-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-out-down-right"></use>
          </svg>
          <h4>icon-circle-arrow-out-down-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-out-up-left"></use>
          </svg>
          <h4>icon-circle-arrow-out-up-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-out-up-right"></use>
          </svg>
          <h4>icon-circle-arrow-out-up-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-right"></use>
          </svg>
          <h4>icon-circle-arrow-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-arrow-up"></use>
          </svg>
          <h4>icon-circle-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-check-big"></use>
          </svg>
          <h4>icon-circle-check-big</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-check"></use>
          </svg>
          <h4>icon-circle-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-chevron-down"></use>
          </svg>
          <h4>icon-circle-chevron-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-chevron-left"></use>
          </svg>
          <h4>icon-circle-chevron-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-chevron-right"></use>
          </svg>
          <h4>icon-circle-chevron-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-chevron-up"></use>
          </svg>
          <h4>icon-circle-chevron-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-dashed"></use>
          </svg>
          <h4>icon-circle-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-divide"></use>
          </svg>
          <h4>icon-circle-divide</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-dollar-sign"></use>
          </svg>
          <h4>icon-circle-dollar-sign</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-dot-dashed"></use>
          </svg>
          <h4>icon-circle-dot-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-dot"></use>
          </svg>
          <h4>icon-circle-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-ellipsis"></use>
          </svg>
          <h4>icon-circle-ellipsis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-equal"></use>
          </svg>
          <h4>icon-circle-equal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-fading-arrow-up"></use>
          </svg>
          <h4>icon-circle-fading-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-fading-plus"></use>
          </svg>
          <h4>icon-circle-fading-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-gauge"></use>
          </svg>
          <h4>icon-circle-gauge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-help"></use>
          </svg>
          <h4>icon-circle-help</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-minus"></use>
          </svg>
          <h4>icon-circle-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-off"></use>
          </svg>
          <h4>icon-circle-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-parking-off"></use>
          </svg>
          <h4>icon-circle-parking-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-parking"></use>
          </svg>
          <h4>icon-circle-parking</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-pause"></use>
          </svg>
          <h4>icon-circle-pause</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-percent"></use>
          </svg>
          <h4>icon-circle-percent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-play"></use>
          </svg>
          <h4>icon-circle-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-plus"></use>
          </svg>
          <h4>icon-circle-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-power"></use>
          </svg>
          <h4>icon-circle-power</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-slash-2"></use>
          </svg>
          <h4>icon-circle-slash-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-slash"></use>
          </svg>
          <h4>icon-circle-slash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-small"></use>
          </svg>
          <h4>icon-circle-small</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-stop"></use>
          </svg>
          <h4>icon-circle-stop</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-user-round"></use>
          </svg>
          <h4>icon-circle-user-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-user"></use>
          </svg>
          <h4>icon-circle-user</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle-x"></use>
          </svg>
          <h4>icon-circle-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circle"></use>
          </svg>
          <h4>icon-circle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-circuit-board"></use>
          </svg>
          <h4>icon-circuit-board</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-citrus"></use>
          </svg>
          <h4>icon-citrus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clapperboard"></use>
          </svg>
          <h4>icon-clapperboard</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-check"></use>
          </svg>
          <h4>icon-clipboard-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-copy"></use>
          </svg>
          <h4>icon-clipboard-copy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-list"></use>
          </svg>
          <h4>icon-clipboard-list</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-minus"></use>
          </svg>
          <h4>icon-clipboard-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-paste"></use>
          </svg>
          <h4>icon-clipboard-paste</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-pen-line"></use>
          </svg>
          <h4>icon-clipboard-pen-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-pen"></use>
          </svg>
          <h4>icon-clipboard-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-plus"></use>
          </svg>
          <h4>icon-clipboard-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-type"></use>
          </svg>
          <h4>icon-clipboard-type</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard-x"></use>
          </svg>
          <h4>icon-clipboard-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clipboard"></use>
          </svg>
          <h4>icon-clipboard</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-1"></use>
          </svg>
          <h4>icon-clock-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-10"></use>
          </svg>
          <h4>icon-clock-10</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-11"></use>
          </svg>
          <h4>icon-clock-11</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-12"></use>
          </svg>
          <h4>icon-clock-12</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-2"></use>
          </svg>
          <h4>icon-clock-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-3"></use>
          </svg>
          <h4>icon-clock-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-4"></use>
          </svg>
          <h4>icon-clock-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-5"></use>
          </svg>
          <h4>icon-clock-5</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-6"></use>
          </svg>
          <h4>icon-clock-6</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-7"></use>
          </svg>
          <h4>icon-clock-7</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-8"></use>
          </svg>
          <h4>icon-clock-8</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-9"></use>
          </svg>
          <h4>icon-clock-9</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-alert"></use>
          </svg>
          <h4>icon-clock-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-arrow-down"></use>
          </svg>
          <h4>icon-clock-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock-arrow-up"></use>
          </svg>
          <h4>icon-clock-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clock"></use>
          </svg>
          <h4>icon-clock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-alert"></use>
          </svg>
          <h4>icon-cloud-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-cog"></use>
          </svg>
          <h4>icon-cloud-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-download"></use>
          </svg>
          <h4>icon-cloud-download</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-drizzle"></use>
          </svg>
          <h4>icon-cloud-drizzle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-fog"></use>
          </svg>
          <h4>icon-cloud-fog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-hail"></use>
          </svg>
          <h4>icon-cloud-hail</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-lightning"></use>
          </svg>
          <h4>icon-cloud-lightning</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-moon-rain"></use>
          </svg>
          <h4>icon-cloud-moon-rain</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-moon"></use>
          </svg>
          <h4>icon-cloud-moon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-off"></use>
          </svg>
          <h4>icon-cloud-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-rain-wind"></use>
          </svg>
          <h4>icon-cloud-rain-wind</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-rain"></use>
          </svg>
          <h4>icon-cloud-rain</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-snow"></use>
          </svg>
          <h4>icon-cloud-snow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-sun-rain"></use>
          </svg>
          <h4>icon-cloud-sun-rain</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-sun"></use>
          </svg>
          <h4>icon-cloud-sun</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud-upload"></use>
          </svg>
          <h4>icon-cloud-upload</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloud"></use>
          </svg>
          <h4>icon-cloud</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cloudy"></use>
          </svg>
          <h4>icon-cloudy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-clover"></use>
          </svg>
          <h4>icon-clover</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-club"></use>
          </svg>
          <h4>icon-club</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-code-xml"></use>
          </svg>
          <h4>icon-code-xml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-code"></use>
          </svg>
          <h4>icon-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-codepen"></use>
          </svg>
          <h4>icon-codepen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-codesandbox"></use>
          </svg>
          <h4>icon-codesandbox</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-coffee"></use>
          </svg>
          <h4>icon-coffee</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cog"></use>
          </svg>
          <h4>icon-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-coins"></use>
          </svg>
          <h4>icon-coins</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-columns-2"></use>
          </svg>
          <h4>icon-columns-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-columns-3"></use>
          </svg>
          <h4>icon-columns-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-columns-4"></use>
          </svg>
          <h4>icon-columns-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-combine"></use>
          </svg>
          <h4>icon-combine</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-command"></use>
          </svg>
          <h4>icon-command</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-compass"></use>
          </svg>
          <h4>icon-compass</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-component"></use>
          </svg>
          <h4>icon-component</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-computer"></use>
          </svg>
          <h4>icon-computer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-concierge-bell"></use>
          </svg>
          <h4>icon-concierge-bell</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cone"></use>
          </svg>
          <h4>icon-cone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-construction"></use>
          </svg>
          <h4>icon-construction</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-contact-round"></use>
          </svg>
          <h4>icon-contact-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-contact"></use>
          </svg>
          <h4>icon-contact</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-container"></use>
          </svg>
          <h4>icon-container</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-contrast"></use>
          </svg>
          <h4>icon-contrast</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cookie"></use>
          </svg>
          <h4>icon-cookie</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cooking-pot"></use>
          </svg>
          <h4>icon-cooking-pot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copy-check"></use>
          </svg>
          <h4>icon-copy-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copy-minus"></use>
          </svg>
          <h4>icon-copy-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copy-plus"></use>
          </svg>
          <h4>icon-copy-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copy-slash"></use>
          </svg>
          <h4>icon-copy-slash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copy-x"></use>
          </svg>
          <h4>icon-copy-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copy"></use>
          </svg>
          <h4>icon-copy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copyleft"></use>
          </svg>
          <h4>icon-copyleft</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-copyright"></use>
          </svg>
          <h4>icon-copyright</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-down-left"></use>
          </svg>
          <h4>icon-corner-down-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-down-right"></use>
          </svg>
          <h4>icon-corner-down-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-left-down"></use>
          </svg>
          <h4>icon-corner-left-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-left-up"></use>
          </svg>
          <h4>icon-corner-left-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-right-down"></use>
          </svg>
          <h4>icon-corner-right-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-right-up"></use>
          </svg>
          <h4>icon-corner-right-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-up-left"></use>
          </svg>
          <h4>icon-corner-up-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-corner-up-right"></use>
          </svg>
          <h4>icon-corner-up-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cpu"></use>
          </svg>
          <h4>icon-cpu</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-creative-commons"></use>
          </svg>
          <h4>icon-creative-commons</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-credit-card"></use>
          </svg>
          <h4>icon-credit-card</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-croissant"></use>
          </svg>
          <h4>icon-croissant</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-crop"></use>
          </svg>
          <h4>icon-crop</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cross"></use>
          </svg>
          <h4>icon-cross</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-crosshair"></use>
          </svg>
          <h4>icon-crosshair</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-crown"></use>
          </svg>
          <h4>icon-crown</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cuboid"></use>
          </svg>
          <h4>icon-cuboid</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cup-soda"></use>
          </svg>
          <h4>icon-cup-soda</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-currency"></use>
          </svg>
          <h4>icon-currency</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-cylinder"></use>
          </svg>
          <h4>icon-cylinder</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dam"></use>
          </svg>
          <h4>icon-dam</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-database-backup"></use>
          </svg>
          <h4>icon-database-backup</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-database-zap"></use>
          </svg>
          <h4>icon-database-zap</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-database"></use>
          </svg>
          <h4>icon-database</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-delete"></use>
          </svg>
          <h4>icon-delete</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dessert"></use>
          </svg>
          <h4>icon-dessert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-diameter"></use>
          </svg>
          <h4>icon-diameter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-diamond-minus"></use>
          </svg>
          <h4>icon-diamond-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-diamond-percent"></use>
          </svg>
          <h4>icon-diamond-percent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-diamond-plus"></use>
          </svg>
          <h4>icon-diamond-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-diamond"></use>
          </svg>
          <h4>icon-diamond</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dice-1"></use>
          </svg>
          <h4>icon-dice-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dice-2"></use>
          </svg>
          <h4>icon-dice-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dice-3"></use>
          </svg>
          <h4>icon-dice-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dice-4"></use>
          </svg>
          <h4>icon-dice-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dice-5"></use>
          </svg>
          <h4>icon-dice-5</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dice-6"></use>
          </svg>
          <h4>icon-dice-6</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dices"></use>
          </svg>
          <h4>icon-dices</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-diff"></use>
          </svg>
          <h4>icon-diff</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-disc-2"></use>
          </svg>
          <h4>icon-disc-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-disc-3"></use>
          </svg>
          <h4>icon-disc-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-disc-album"></use>
          </svg>
          <h4>icon-disc-album</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-disc"></use>
          </svg>
          <h4>icon-disc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-divide"></use>
          </svg>
          <h4>icon-divide</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dna-off"></use>
          </svg>
          <h4>icon-dna-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dna"></use>
          </svg>
          <h4>icon-dna</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dock"></use>
          </svg>
          <h4>icon-dock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dog"></use>
          </svg>
          <h4>icon-dog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dollar-sign"></use>
          </svg>
          <h4>icon-dollar-sign</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-donut"></use>
          </svg>
          <h4>icon-donut</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-door-closed"></use>
          </svg>
          <h4>icon-door-closed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-door-open"></use>
          </svg>
          <h4>icon-door-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dot"></use>
          </svg>
          <h4>icon-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-download"></use>
          </svg>
          <h4>icon-download</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-drafting-compass"></use>
          </svg>
          <h4>icon-drafting-compass</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-drama"></use>
          </svg>
          <h4>icon-drama</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dribbble"></use>
          </svg>
          <h4>icon-dribbble</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-drill"></use>
          </svg>
          <h4>icon-drill</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-droplet-off"></use>
          </svg>
          <h4>icon-droplet-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-droplet"></use>
          </svg>
          <h4>icon-droplet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-droplets"></use>
          </svg>
          <h4>icon-droplets</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-drum"></use>
          </svg>
          <h4>icon-drum</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-drumstick"></use>
          </svg>
          <h4>icon-drumstick</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-dumbbell"></use>
          </svg>
          <h4>icon-dumbbell</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ear-off"></use>
          </svg>
          <h4>icon-ear-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ear"></use>
          </svg>
          <h4>icon-ear</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-earth-lock"></use>
          </svg>
          <h4>icon-earth-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-earth"></use>
          </svg>
          <h4>icon-earth</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-eclipse"></use>
          </svg>
          <h4>icon-eclipse</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-egg-fried"></use>
          </svg>
          <h4>icon-egg-fried</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-egg-off"></use>
          </svg>
          <h4>icon-egg-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-egg"></use>
          </svg>
          <h4>icon-egg</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ellipsis-vertical"></use>
          </svg>
          <h4>icon-ellipsis-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ellipsis"></use>
          </svg>
          <h4>icon-ellipsis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-equal-approximately"></use>
          </svg>
          <h4>icon-equal-approximately</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-equal-not"></use>
          </svg>
          <h4>icon-equal-not</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-equal"></use>
          </svg>
          <h4>icon-equal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-eraser"></use>
          </svg>
          <h4>icon-eraser</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ethernet-port"></use>
          </svg>
          <h4>icon-ethernet-port</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-euro"></use>
          </svg>
          <h4>icon-euro</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-expand"></use>
          </svg>
          <h4>icon-expand</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-external-link"></use>
          </svg>
          <h4>icon-external-link</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-eye-closed"></use>
          </svg>
          <h4>icon-eye-closed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-eye-off"></use>
          </svg>
          <h4>icon-eye-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-eye"></use>
          </svg>
          <h4>icon-eye</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-facebook"></use>
          </svg>
          <h4>icon-facebook</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-factory"></use>
          </svg>
          <h4>icon-factory</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fan"></use>
          </svg>
          <h4>icon-fan</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fast-forward"></use>
          </svg>
          <h4>icon-fast-forward</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-feather"></use>
          </svg>
          <h4>icon-feather</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fence"></use>
          </svg>
          <h4>icon-fence</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ferris-wheel"></use>
          </svg>
          <h4>icon-ferris-wheel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-figma"></use>
          </svg>
          <h4>icon-figma</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-archive"></use>
          </svg>
          <h4>icon-file-archive</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-audio-2"></use>
          </svg>
          <h4>icon-file-audio-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-audio"></use>
          </svg>
          <h4>icon-file-audio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-axis-3d"></use>
          </svg>
          <h4>icon-file-axis-3d</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-badge-2"></use>
          </svg>
          <h4>icon-file-badge-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-badge"></use>
          </svg>
          <h4>icon-file-badge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-box"></use>
          </svg>
          <h4>icon-file-box</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-chart-column-increasing"></use>
          </svg>
          <h4>icon-file-chart-column-increasing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-chart-column"></use>
          </svg>
          <h4>icon-file-chart-column</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-chart-line"></use>
          </svg>
          <h4>icon-file-chart-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-chart-pie"></use>
          </svg>
          <h4>icon-file-chart-pie</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-check-2"></use>
          </svg>
          <h4>icon-file-check-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-check"></use>
          </svg>
          <h4>icon-file-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-clock"></use>
          </svg>
          <h4>icon-file-clock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-code-2"></use>
          </svg>
          <h4>icon-file-code-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-code"></use>
          </svg>
          <h4>icon-file-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-cog"></use>
          </svg>
          <h4>icon-file-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-diff"></use>
          </svg>
          <h4>icon-file-diff</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-digit"></use>
          </svg>
          <h4>icon-file-digit</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-down"></use>
          </svg>
          <h4>icon-file-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-heart"></use>
          </svg>
          <h4>icon-file-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-image"></use>
          </svg>
          <h4>icon-file-image</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-input"></use>
          </svg>
          <h4>icon-file-input</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-json-2"></use>
          </svg>
          <h4>icon-file-json-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-json"></use>
          </svg>
          <h4>icon-file-json</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-key-2"></use>
          </svg>
          <h4>icon-file-key-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-key"></use>
          </svg>
          <h4>icon-file-key</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-lock-2"></use>
          </svg>
          <h4>icon-file-lock-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-lock"></use>
          </svg>
          <h4>icon-file-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-minus-2"></use>
          </svg>
          <h4>icon-file-minus-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-minus"></use>
          </svg>
          <h4>icon-file-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-music"></use>
          </svg>
          <h4>icon-file-music</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-output"></use>
          </svg>
          <h4>icon-file-output</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-pen-line"></use>
          </svg>
          <h4>icon-file-pen-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-pen"></use>
          </svg>
          <h4>icon-file-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-plus-2"></use>
          </svg>
          <h4>icon-file-plus-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-plus"></use>
          </svg>
          <h4>icon-file-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-question"></use>
          </svg>
          <h4>icon-file-question</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-scan"></use>
          </svg>
          <h4>icon-file-scan</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-search-2"></use>
          </svg>
          <h4>icon-file-search-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-search"></use>
          </svg>
          <h4>icon-file-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-sliders"></use>
          </svg>
          <h4>icon-file-sliders</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-spreadsheet"></use>
          </svg>
          <h4>icon-file-spreadsheet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-stack"></use>
          </svg>
          <h4>icon-file-stack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-symlink"></use>
          </svg>
          <h4>icon-file-symlink</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-terminal"></use>
          </svg>
          <h4>icon-file-terminal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-text"></use>
          </svg>
          <h4>icon-file-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-type-2"></use>
          </svg>
          <h4>icon-file-type-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-type"></use>
          </svg>
          <h4>icon-file-type</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-up"></use>
          </svg>
          <h4>icon-file-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-user"></use>
          </svg>
          <h4>icon-file-user</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-video-2"></use>
          </svg>
          <h4>icon-file-video-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-video"></use>
          </svg>
          <h4>icon-file-video</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-volume-2"></use>
          </svg>
          <h4>icon-file-volume-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-volume"></use>
          </svg>
          <h4>icon-file-volume</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-warning"></use>
          </svg>
          <h4>icon-file-warning</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-x-2"></use>
          </svg>
          <h4>icon-file-x-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file-x"></use>
          </svg>
          <h4>icon-file-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-file"></use>
          </svg>
          <h4>icon-file</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-files"></use>
          </svg>
          <h4>icon-files</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-film"></use>
          </svg>
          <h4>icon-film</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-filter-x"></use>
          </svg>
          <h4>icon-filter-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-filter"></use>
          </svg>
          <h4>icon-filter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fingerprint"></use>
          </svg>
          <h4>icon-fingerprint</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fire-extinguisher"></use>
          </svg>
          <h4>icon-fire-extinguisher</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fish-off"></use>
          </svg>
          <h4>icon-fish-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fish-symbol"></use>
          </svg>
          <h4>icon-fish-symbol</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fish"></use>
          </svg>
          <h4>icon-fish</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flag-off"></use>
          </svg>
          <h4>icon-flag-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flag-triangle-left"></use>
          </svg>
          <h4>icon-flag-triangle-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flag-triangle-right"></use>
          </svg>
          <h4>icon-flag-triangle-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flag"></use>
          </svg>
          <h4>icon-flag</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flame-kindling"></use>
          </svg>
          <h4>icon-flame-kindling</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flame"></use>
          </svg>
          <h4>icon-flame</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flashlight-off"></use>
          </svg>
          <h4>icon-flashlight-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flashlight"></use>
          </svg>
          <h4>icon-flashlight</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flask-conical-off"></use>
          </svg>
          <h4>icon-flask-conical-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flask-conical"></use>
          </svg>
          <h4>icon-flask-conical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flask-round"></use>
          </svg>
          <h4>icon-flask-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flip-horizontal-2"></use>
          </svg>
          <h4>icon-flip-horizontal-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flip-horizontal"></use>
          </svg>
          <h4>icon-flip-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flip-vertical-2"></use>
          </svg>
          <h4>icon-flip-vertical-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flip-vertical"></use>
          </svg>
          <h4>icon-flip-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flower-2"></use>
          </svg>
          <h4>icon-flower-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-flower"></use>
          </svg>
          <h4>icon-flower</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-focus"></use>
          </svg>
          <h4>icon-focus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fold-horizontal"></use>
          </svg>
          <h4>icon-fold-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fold-vertical"></use>
          </svg>
          <h4>icon-fold-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-archive"></use>
          </svg>
          <h4>icon-folder-archive</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-check"></use>
          </svg>
          <h4>icon-folder-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-clock"></use>
          </svg>
          <h4>icon-folder-clock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-closed"></use>
          </svg>
          <h4>icon-folder-closed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-code"></use>
          </svg>
          <h4>icon-folder-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-cog"></use>
          </svg>
          <h4>icon-folder-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-dot"></use>
          </svg>
          <h4>icon-folder-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-down"></use>
          </svg>
          <h4>icon-folder-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-git-2"></use>
          </svg>
          <h4>icon-folder-git-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-git"></use>
          </svg>
          <h4>icon-folder-git</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-heart"></use>
          </svg>
          <h4>icon-folder-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-input"></use>
          </svg>
          <h4>icon-folder-input</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-kanban"></use>
          </svg>
          <h4>icon-folder-kanban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-key"></use>
          </svg>
          <h4>icon-folder-key</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-lock"></use>
          </svg>
          <h4>icon-folder-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-minus"></use>
          </svg>
          <h4>icon-folder-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-open-dot"></use>
          </svg>
          <h4>icon-folder-open-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-open"></use>
          </svg>
          <h4>icon-folder-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-output"></use>
          </svg>
          <h4>icon-folder-output</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-pen"></use>
          </svg>
          <h4>icon-folder-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-plus"></use>
          </svg>
          <h4>icon-folder-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-root"></use>
          </svg>
          <h4>icon-folder-root</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-search-2"></use>
          </svg>
          <h4>icon-folder-search-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-search"></use>
          </svg>
          <h4>icon-folder-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-symlink"></use>
          </svg>
          <h4>icon-folder-symlink</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-sync"></use>
          </svg>
          <h4>icon-folder-sync</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-tree"></use>
          </svg>
          <h4>icon-folder-tree</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-up"></use>
          </svg>
          <h4>icon-folder-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder-x"></use>
          </svg>
          <h4>icon-folder-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folder"></use>
          </svg>
          <h4>icon-folder</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-folders"></use>
          </svg>
          <h4>icon-folders</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-footprints"></use>
          </svg>
          <h4>icon-footprints</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-forklift"></use>
          </svg>
          <h4>icon-forklift</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-forward"></use>
          </svg>
          <h4>icon-forward</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-frame"></use>
          </svg>
          <h4>icon-frame</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-framer"></use>
          </svg>
          <h4>icon-framer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-frown"></use>
          </svg>
          <h4>icon-frown</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fuel"></use>
          </svg>
          <h4>icon-fuel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-fullscreen"></use>
          </svg>
          <h4>icon-fullscreen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gallery-horizontal-end"></use>
          </svg>
          <h4>icon-gallery-horizontal-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gallery-horizontal"></use>
          </svg>
          <h4>icon-gallery-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gallery-thumbnails"></use>
          </svg>
          <h4>icon-gallery-thumbnails</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gallery-vertical-end"></use>
          </svg>
          <h4>icon-gallery-vertical-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gallery-vertical"></use>
          </svg>
          <h4>icon-gallery-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gamepad-2"></use>
          </svg>
          <h4>icon-gamepad-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gamepad"></use>
          </svg>
          <h4>icon-gamepad</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gauge"></use>
          </svg>
          <h4>icon-gauge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gavel"></use>
          </svg>
          <h4>icon-gavel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gem"></use>
          </svg>
          <h4>icon-gem</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ghost"></use>
          </svg>
          <h4>icon-ghost</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gift"></use>
          </svg>
          <h4>icon-gift</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-branch-plus"></use>
          </svg>
          <h4>icon-git-branch-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-branch"></use>
          </svg>
          <h4>icon-git-branch</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-commit-horizontal"></use>
          </svg>
          <h4>icon-git-commit-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-commit-vertical"></use>
          </svg>
          <h4>icon-git-commit-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-compare-arrows"></use>
          </svg>
          <h4>icon-git-compare-arrows</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-compare"></use>
          </svg>
          <h4>icon-git-compare</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-fork"></use>
          </svg>
          <h4>icon-git-fork</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-graph"></use>
          </svg>
          <h4>icon-git-graph</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-merge"></use>
          </svg>
          <h4>icon-git-merge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-pull-request-arrow"></use>
          </svg>
          <h4>icon-git-pull-request-arrow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-pull-request-closed"></use>
          </svg>
          <h4>icon-git-pull-request-closed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-pull-request-create-arrow"></use>
          </svg>
          <h4>icon-git-pull-request-create-arrow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-pull-request-create"></use>
          </svg>
          <h4>icon-git-pull-request-create</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-pull-request-draft"></use>
          </svg>
          <h4>icon-git-pull-request-draft</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-git-pull-request"></use>
          </svg>
          <h4>icon-git-pull-request</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-github"></use>
          </svg>
          <h4>icon-github</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-gitlab"></use>
          </svg>
          <h4>icon-gitlab</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-glass-water"></use>
          </svg>
          <h4>icon-glass-water</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-glasses"></use>
          </svg>
          <h4>icon-glasses</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-globe-lock"></use>
          </svg>
          <h4>icon-globe-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-globe"></use>
          </svg>
          <h4>icon-globe</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-goal"></use>
          </svg>
          <h4>icon-goal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grab"></use>
          </svg>
          <h4>icon-grab</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-graduation-cap"></use>
          </svg>
          <h4>icon-graduation-cap</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grape"></use>
          </svg>
          <h4>icon-grape</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grid-2x2-check"></use>
          </svg>
          <h4>icon-grid-2x2-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grid-2x2-plus"></use>
          </svg>
          <h4>icon-grid-2x2-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grid-2x2-x"></use>
          </svg>
          <h4>icon-grid-2x2-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grid-2x2"></use>
          </svg>
          <h4>icon-grid-2x2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grid-3x3"></use>
          </svg>
          <h4>icon-grid-3x3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grip-horizontal"></use>
          </svg>
          <h4>icon-grip-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grip-vertical"></use>
          </svg>
          <h4>icon-grip-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-grip"></use>
          </svg>
          <h4>icon-grip</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-group"></use>
          </svg>
          <h4>icon-group</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-guitar"></use>
          </svg>
          <h4>icon-guitar</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ham"></use>
          </svg>
          <h4>icon-ham</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hammer"></use>
          </svg>
          <h4>icon-hammer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hand-coins"></use>
          </svg>
          <h4>icon-hand-coins</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hand-heart"></use>
          </svg>
          <h4>icon-hand-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hand-helping"></use>
          </svg>
          <h4>icon-hand-helping</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hand-metal"></use>
          </svg>
          <h4>icon-hand-metal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hand-platter"></use>
          </svg>
          <h4>icon-hand-platter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hand"></use>
          </svg>
          <h4>icon-hand</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-handshake"></use>
          </svg>
          <h4>icon-handshake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hard-drive-download"></use>
          </svg>
          <h4>icon-hard-drive-download</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hard-drive-upload"></use>
          </svg>
          <h4>icon-hard-drive-upload</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hard-drive"></use>
          </svg>
          <h4>icon-hard-drive</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hard-hat"></use>
          </svg>
          <h4>icon-hard-hat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hash"></use>
          </svg>
          <h4>icon-hash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-haze"></use>
          </svg>
          <h4>icon-haze</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hdmi-port"></use>
          </svg>
          <h4>icon-hdmi-port</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading-1"></use>
          </svg>
          <h4>icon-heading-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading-2"></use>
          </svg>
          <h4>icon-heading-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading-3"></use>
          </svg>
          <h4>icon-heading-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading-4"></use>
          </svg>
          <h4>icon-heading-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading-5"></use>
          </svg>
          <h4>icon-heading-5</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading-6"></use>
          </svg>
          <h4>icon-heading-6</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heading"></use>
          </svg>
          <h4>icon-heading</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-headphone-off"></use>
          </svg>
          <h4>icon-headphone-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-headphones"></use>
          </svg>
          <h4>icon-headphones</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-headset"></use>
          </svg>
          <h4>icon-headset</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heart-crack"></use>
          </svg>
          <h4>icon-heart-crack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heart-handshake"></use>
          </svg>
          <h4>icon-heart-handshake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heart-off"></use>
          </svg>
          <h4>icon-heart-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heart-pulse"></use>
          </svg>
          <h4>icon-heart-pulse</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heart"></use>
          </svg>
          <h4>icon-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-heater"></use>
          </svg>
          <h4>icon-heater</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hexagon"></use>
          </svg>
          <h4>icon-hexagon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-highlighter"></use>
          </svg>
          <h4>icon-highlighter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-history"></use>
          </svg>
          <h4>icon-history</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hop-off"></use>
          </svg>
          <h4>icon-hop-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hop"></use>
          </svg>
          <h4>icon-hop</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hospital"></use>
          </svg>
          <h4>icon-hospital</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hotel"></use>
          </svg>
          <h4>icon-hotel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-hourglass"></use>
          </svg>
          <h4>icon-hourglass</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-house-plug"></use>
          </svg>
          <h4>icon-house-plug</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-house-plus"></use>
          </svg>
          <h4>icon-house-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-house-wifi"></use>
          </svg>
          <h4>icon-house-wifi</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-house"></use>
          </svg>
          <h4>icon-house</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ice-cream-bowl"></use>
          </svg>
          <h4>icon-ice-cream-bowl</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ice-cream-cone"></use>
          </svg>
          <h4>icon-ice-cream-cone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-id-card"></use>
          </svg>
          <h4>icon-id-card</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-down"></use>
          </svg>
          <h4>icon-image-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-minus"></use>
          </svg>
          <h4>icon-image-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-off"></use>
          </svg>
          <h4>icon-image-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-play"></use>
          </svg>
          <h4>icon-image-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-plus"></use>
          </svg>
          <h4>icon-image-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-up"></use>
          </svg>
          <h4>icon-image-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image-upscale"></use>
          </svg>
          <h4>icon-image-upscale</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-image"></use>
          </svg>
          <h4>icon-image</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-images"></use>
          </svg>
          <h4>icon-images</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-import"></use>
          </svg>
          <h4>icon-import</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-inbox"></use>
          </svg>
          <h4>icon-inbox</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-indent-decrease"></use>
          </svg>
          <h4>icon-indent-decrease</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-indent-increase"></use>
          </svg>
          <h4>icon-indent-increase</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-indian-rupee"></use>
          </svg>
          <h4>icon-indian-rupee</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-infinity"></use>
          </svg>
          <h4>icon-infinity</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-info"></use>
          </svg>
          <h4>icon-info</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-inspection-panel"></use>
          </svg>
          <h4>icon-inspection-panel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-instagram"></use>
          </svg>
          <h4>icon-instagram</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-italic"></use>
          </svg>
          <h4>icon-italic</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-iteration-ccw"></use>
          </svg>
          <h4>icon-iteration-ccw</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-iteration-cw"></use>
          </svg>
          <h4>icon-iteration-cw</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-japanese-yen"></use>
          </svg>
          <h4>icon-japanese-yen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-joystick"></use>
          </svg>
          <h4>icon-joystick</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-kanban"></use>
          </svg>
          <h4>icon-kanban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-key-round"></use>
          </svg>
          <h4>icon-key-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-key-square"></use>
          </svg>
          <h4>icon-key-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-key"></use>
          </svg>
          <h4>icon-key</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-keyboard-music"></use>
          </svg>
          <h4>icon-keyboard-music</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-keyboard-off"></use>
          </svg>
          <h4>icon-keyboard-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-keyboard"></use>
          </svg>
          <h4>icon-keyboard</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lamp-ceiling"></use>
          </svg>
          <h4>icon-lamp-ceiling</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lamp-desk"></use>
          </svg>
          <h4>icon-lamp-desk</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lamp-floor"></use>
          </svg>
          <h4>icon-lamp-floor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lamp-wall-down"></use>
          </svg>
          <h4>icon-lamp-wall-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lamp-wall-up"></use>
          </svg>
          <h4>icon-lamp-wall-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lamp"></use>
          </svg>
          <h4>icon-lamp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-land-plot"></use>
          </svg>
          <h4>icon-land-plot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-landmark"></use>
          </svg>
          <h4>icon-landmark</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-languages"></use>
          </svg>
          <h4>icon-languages</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-laptop-minimal-check"></use>
          </svg>
          <h4>icon-laptop-minimal-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-laptop-minimal"></use>
          </svg>
          <h4>icon-laptop-minimal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-laptop"></use>
          </svg>
          <h4>icon-laptop</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lasso-select"></use>
          </svg>
          <h4>icon-lasso-select</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lasso"></use>
          </svg>
          <h4>icon-lasso</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-laugh"></use>
          </svg>
          <h4>icon-laugh</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layers-2"></use>
          </svg>
          <h4>icon-layers-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layers"></use>
          </svg>
          <h4>icon-layers</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layout-dashboard"></use>
          </svg>
          <h4>icon-layout-dashboard</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layout-grid"></use>
          </svg>
          <h4>icon-layout-grid</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layout-list"></use>
          </svg>
          <h4>icon-layout-list</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layout-panel-left"></use>
          </svg>
          <h4>icon-layout-panel-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layout-panel-top"></use>
          </svg>
          <h4>icon-layout-panel-top</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-layout-template"></use>
          </svg>
          <h4>icon-layout-template</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-leaf"></use>
          </svg>
          <h4>icon-leaf</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-leafy-green"></use>
          </svg>
          <h4>icon-leafy-green</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lectern"></use>
          </svg>
          <h4>icon-lectern</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-letter-text"></use>
          </svg>
          <h4>icon-letter-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-library-big"></use>
          </svg>
          <h4>icon-library-big</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-library"></use>
          </svg>
          <h4>icon-library</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-life-buoy"></use>
          </svg>
          <h4>icon-life-buoy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ligature"></use>
          </svg>
          <h4>icon-ligature</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lightbulb-off"></use>
          </svg>
          <h4>icon-lightbulb-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lightbulb"></use>
          </svg>
          <h4>icon-lightbulb</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-link-2-off"></use>
          </svg>
          <h4>icon-link-2-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-link-2"></use>
          </svg>
          <h4>icon-link-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-link"></use>
          </svg>
          <h4>icon-link</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-linkedin"></use>
          </svg>
          <h4>icon-linkedin</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-check"></use>
          </svg>
          <h4>icon-list-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-checks"></use>
          </svg>
          <h4>icon-list-checks</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-collapse"></use>
          </svg>
          <h4>icon-list-collapse</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-end"></use>
          </svg>
          <h4>icon-list-end</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-filter-plus"></use>
          </svg>
          <h4>icon-list-filter-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-filter"></use>
          </svg>
          <h4>icon-list-filter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-minus"></use>
          </svg>
          <h4>icon-list-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-music"></use>
          </svg>
          <h4>icon-list-music</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-ordered"></use>
          </svg>
          <h4>icon-list-ordered</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-plus"></use>
          </svg>
          <h4>icon-list-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-restart"></use>
          </svg>
          <h4>icon-list-restart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-start"></use>
          </svg>
          <h4>icon-list-start</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-todo"></use>
          </svg>
          <h4>icon-list-todo</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-tree"></use>
          </svg>
          <h4>icon-list-tree</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-video"></use>
          </svg>
          <h4>icon-list-video</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list-x"></use>
          </svg>
          <h4>icon-list-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-list"></use>
          </svg>
          <h4>icon-list</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-loader-circle"></use>
          </svg>
          <h4>icon-loader-circle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-loader-pinwheel"></use>
          </svg>
          <h4>icon-loader-pinwheel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-loader"></use>
          </svg>
          <h4>icon-loader</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-locate-fixed"></use>
          </svg>
          <h4>icon-locate-fixed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-locate-off"></use>
          </svg>
          <h4>icon-locate-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-locate"></use>
          </svg>
          <h4>icon-locate</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lock-keyhole-open"></use>
          </svg>
          <h4>icon-lock-keyhole-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lock-keyhole"></use>
          </svg>
          <h4>icon-lock-keyhole</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lock-open"></use>
          </svg>
          <h4>icon-lock-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lock"></use>
          </svg>
          <h4>icon-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-log-in"></use>
          </svg>
          <h4>icon-log-in</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-log-out"></use>
          </svg>
          <h4>icon-log-out</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-logs"></use>
          </svg>
          <h4>icon-logs</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-lollipop"></use>
          </svg>
          <h4>icon-lollipop</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-luggage"></use>
          </svg>
          <h4>icon-luggage</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-magnet"></use>
          </svg>
          <h4>icon-magnet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-check"></use>
          </svg>
          <h4>icon-mail-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-minus"></use>
          </svg>
          <h4>icon-mail-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-open"></use>
          </svg>
          <h4>icon-mail-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-plus"></use>
          </svg>
          <h4>icon-mail-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-question"></use>
          </svg>
          <h4>icon-mail-question</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-search"></use>
          </svg>
          <h4>icon-mail-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-warning"></use>
          </svg>
          <h4>icon-mail-warning</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail-x"></use>
          </svg>
          <h4>icon-mail-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mail"></use>
          </svg>
          <h4>icon-mail</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mailbox"></use>
          </svg>
          <h4>icon-mailbox</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mails"></use>
          </svg>
          <h4>icon-mails</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-check-inside"></use>
          </svg>
          <h4>icon-map-pin-check-inside</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-check"></use>
          </svg>
          <h4>icon-map-pin-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-house"></use>
          </svg>
          <h4>icon-map-pin-house</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-minus-inside"></use>
          </svg>
          <h4>icon-map-pin-minus-inside</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-minus"></use>
          </svg>
          <h4>icon-map-pin-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-off"></use>
          </svg>
          <h4>icon-map-pin-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-plus-inside"></use>
          </svg>
          <h4>icon-map-pin-plus-inside</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-plus"></use>
          </svg>
          <h4>icon-map-pin-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-x-inside"></use>
          </svg>
          <h4>icon-map-pin-x-inside</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin-x"></use>
          </svg>
          <h4>icon-map-pin-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pin"></use>
          </svg>
          <h4>icon-map-pin</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-pinned"></use>
          </svg>
          <h4>icon-map-pinned</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map-plus"></use>
          </svg>
          <h4>icon-map-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-map"></use>
          </svg>
          <h4>icon-map</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mars-stroke"></use>
          </svg>
          <h4>icon-mars-stroke</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mars"></use>
          </svg>
          <h4>icon-mars</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-martini"></use>
          </svg>
          <h4>icon-martini</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-maximize-2"></use>
          </svg>
          <h4>icon-maximize-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-maximize"></use>
          </svg>
          <h4>icon-maximize</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-medal"></use>
          </svg>
          <h4>icon-medal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-megaphone-off"></use>
          </svg>
          <h4>icon-megaphone-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-megaphone"></use>
          </svg>
          <h4>icon-megaphone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-meh"></use>
          </svg>
          <h4>icon-meh</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-memory-stick"></use>
          </svg>
          <h4>icon-memory-stick</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-menu"></use>
          </svg>
          <h4>icon-menu</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-merge"></use>
          </svg>
          <h4>icon-merge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-code"></use>
          </svg>
          <h4>icon-message-circle-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-dashed"></use>
          </svg>
          <h4>icon-message-circle-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-heart"></use>
          </svg>
          <h4>icon-message-circle-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-more"></use>
          </svg>
          <h4>icon-message-circle-more</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-off"></use>
          </svg>
          <h4>icon-message-circle-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-plus"></use>
          </svg>
          <h4>icon-message-circle-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-question"></use>
          </svg>
          <h4>icon-message-circle-question</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-reply"></use>
          </svg>
          <h4>icon-message-circle-reply</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-warning"></use>
          </svg>
          <h4>icon-message-circle-warning</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle-x"></use>
          </svg>
          <h4>icon-message-circle-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-circle"></use>
          </svg>
          <h4>icon-message-circle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-code"></use>
          </svg>
          <h4>icon-message-square-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-dashed"></use>
          </svg>
          <h4>icon-message-square-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-diff"></use>
          </svg>
          <h4>icon-message-square-diff</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-dot"></use>
          </svg>
          <h4>icon-message-square-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-heart"></use>
          </svg>
          <h4>icon-message-square-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-lock"></use>
          </svg>
          <h4>icon-message-square-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-more"></use>
          </svg>
          <h4>icon-message-square-more</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-off"></use>
          </svg>
          <h4>icon-message-square-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-plus"></use>
          </svg>
          <h4>icon-message-square-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-quote"></use>
          </svg>
          <h4>icon-message-square-quote</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-reply"></use>
          </svg>
          <h4>icon-message-square-reply</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-share"></use>
          </svg>
          <h4>icon-message-square-share</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-text"></use>
          </svg>
          <h4>icon-message-square-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-warning"></use>
          </svg>
          <h4>icon-message-square-warning</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square-x"></use>
          </svg>
          <h4>icon-message-square-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-message-square"></use>
          </svg>
          <h4>icon-message-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-messages-square"></use>
          </svg>
          <h4>icon-messages-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mic-off"></use>
          </svg>
          <h4>icon-mic-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mic-vocal"></use>
          </svg>
          <h4>icon-mic-vocal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mic"></use>
          </svg>
          <h4>icon-mic</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-microchip"></use>
          </svg>
          <h4>icon-microchip</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-microscope"></use>
          </svg>
          <h4>icon-microscope</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-microwave"></use>
          </svg>
          <h4>icon-microwave</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-milestone"></use>
          </svg>
          <h4>icon-milestone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-milk-off"></use>
          </svg>
          <h4>icon-milk-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-milk"></use>
          </svg>
          <h4>icon-milk</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-minimize-2"></use>
          </svg>
          <h4>icon-minimize-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-minimize"></use>
          </svg>
          <h4>icon-minimize</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-minus"></use>
          </svg>
          <h4>icon-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-check"></use>
          </svg>
          <h4>icon-monitor-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-cog"></use>
          </svg>
          <h4>icon-monitor-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-dot"></use>
          </svg>
          <h4>icon-monitor-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-down"></use>
          </svg>
          <h4>icon-monitor-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-off"></use>
          </svg>
          <h4>icon-monitor-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-pause"></use>
          </svg>
          <h4>icon-monitor-pause</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-play"></use>
          </svg>
          <h4>icon-monitor-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-smartphone"></use>
          </svg>
          <h4>icon-monitor-smartphone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-speaker"></use>
          </svg>
          <h4>icon-monitor-speaker</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-stop"></use>
          </svg>
          <h4>icon-monitor-stop</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-up"></use>
          </svg>
          <h4>icon-monitor-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor-x"></use>
          </svg>
          <h4>icon-monitor-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-monitor"></use>
          </svg>
          <h4>icon-monitor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-moon-star"></use>
          </svg>
          <h4>icon-moon-star</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-moon"></use>
          </svg>
          <h4>icon-moon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mountain-snow"></use>
          </svg>
          <h4>icon-mountain-snow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mountain"></use>
          </svg>
          <h4>icon-mountain</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mouse-off"></use>
          </svg>
          <h4>icon-mouse-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mouse-pointer-2"></use>
          </svg>
          <h4>icon-mouse-pointer-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mouse-pointer-ban"></use>
          </svg>
          <h4>icon-mouse-pointer-ban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mouse-pointer-click"></use>
          </svg>
          <h4>icon-mouse-pointer-click</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mouse-pointer"></use>
          </svg>
          <h4>icon-mouse-pointer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-mouse"></use>
          </svg>
          <h4>icon-mouse</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-3d"></use>
          </svg>
          <h4>icon-move-3d</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-diagonal-2"></use>
          </svg>
          <h4>icon-move-diagonal-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-diagonal"></use>
          </svg>
          <h4>icon-move-diagonal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-down-left"></use>
          </svg>
          <h4>icon-move-down-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-down-right"></use>
          </svg>
          <h4>icon-move-down-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-down"></use>
          </svg>
          <h4>icon-move-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-horizontal"></use>
          </svg>
          <h4>icon-move-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-left"></use>
          </svg>
          <h4>icon-move-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-right"></use>
          </svg>
          <h4>icon-move-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-up-left"></use>
          </svg>
          <h4>icon-move-up-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-up-right"></use>
          </svg>
          <h4>icon-move-up-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-up"></use>
          </svg>
          <h4>icon-move-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move-vertical"></use>
          </svg>
          <h4>icon-move-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-move"></use>
          </svg>
          <h4>icon-move</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-music-2"></use>
          </svg>
          <h4>icon-music-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-music-3"></use>
          </svg>
          <h4>icon-music-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-music-4"></use>
          </svg>
          <h4>icon-music-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-music"></use>
          </svg>
          <h4>icon-music</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-navigation-2-off"></use>
          </svg>
          <h4>icon-navigation-2-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-navigation-2"></use>
          </svg>
          <h4>icon-navigation-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-navigation-off"></use>
          </svg>
          <h4>icon-navigation-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-navigation"></use>
          </svg>
          <h4>icon-navigation</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-network"></use>
          </svg>
          <h4>icon-network</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-newspaper"></use>
          </svg>
          <h4>icon-newspaper</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-nfc"></use>
          </svg>
          <h4>icon-nfc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-non-binary"></use>
          </svg>
          <h4>icon-non-binary</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-notebook-pen"></use>
          </svg>
          <h4>icon-notebook-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-notebook-tabs"></use>
          </svg>
          <h4>icon-notebook-tabs</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-notebook-text"></use>
          </svg>
          <h4>icon-notebook-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-notebook"></use>
          </svg>
          <h4>icon-notebook</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-notepad-text-dashed"></use>
          </svg>
          <h4>icon-notepad-text-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-notepad-text"></use>
          </svg>
          <h4>icon-notepad-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-nut-off"></use>
          </svg>
          <h4>icon-nut-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-nut"></use>
          </svg>
          <h4>icon-nut</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-octagon-alert"></use>
          </svg>
          <h4>icon-octagon-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-octagon-minus"></use>
          </svg>
          <h4>icon-octagon-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-octagon-pause"></use>
          </svg>
          <h4>icon-octagon-pause</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-octagon-x"></use>
          </svg>
          <h4>icon-octagon-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-octagon"></use>
          </svg>
          <h4>icon-octagon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-omega"></use>
          </svg>
          <h4>icon-omega</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-option"></use>
          </svg>
          <h4>icon-option</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-orbit"></use>
          </svg>
          <h4>icon-orbit</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-origami"></use>
          </svg>
          <h4>icon-origami</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-2"></use>
          </svg>
          <h4>icon-package-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-check"></use>
          </svg>
          <h4>icon-package-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-minus"></use>
          </svg>
          <h4>icon-package-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-open"></use>
          </svg>
          <h4>icon-package-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-plus"></use>
          </svg>
          <h4>icon-package-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-search"></use>
          </svg>
          <h4>icon-package-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package-x"></use>
          </svg>
          <h4>icon-package-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-package"></use>
          </svg>
          <h4>icon-package</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-paint-bucket"></use>
          </svg>
          <h4>icon-paint-bucket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-paint-roller"></use>
          </svg>
          <h4>icon-paint-roller</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-paintbrush-vertical"></use>
          </svg>
          <h4>icon-paintbrush-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-paintbrush"></use>
          </svg>
          <h4>icon-paintbrush</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-palette"></use>
          </svg>
          <h4>icon-palette</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-bottom-close"></use>
          </svg>
          <h4>icon-panel-bottom-close</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-bottom-dashed"></use>
          </svg>
          <h4>icon-panel-bottom-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-bottom-open"></use>
          </svg>
          <h4>icon-panel-bottom-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-bottom"></use>
          </svg>
          <h4>icon-panel-bottom</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-left-close"></use>
          </svg>
          <h4>icon-panel-left-close</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-left-dashed"></use>
          </svg>
          <h4>icon-panel-left-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-left-open"></use>
          </svg>
          <h4>icon-panel-left-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-left"></use>
          </svg>
          <h4>icon-panel-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-right-close"></use>
          </svg>
          <h4>icon-panel-right-close</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-right-dashed"></use>
          </svg>
          <h4>icon-panel-right-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-right-open"></use>
          </svg>
          <h4>icon-panel-right-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-right"></use>
          </svg>
          <h4>icon-panel-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-top-close"></use>
          </svg>
          <h4>icon-panel-top-close</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-top-dashed"></use>
          </svg>
          <h4>icon-panel-top-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-top-open"></use>
          </svg>
          <h4>icon-panel-top-open</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panel-top"></use>
          </svg>
          <h4>icon-panel-top</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panels-left-bottom"></use>
          </svg>
          <h4>icon-panels-left-bottom</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panels-right-bottom"></use>
          </svg>
          <h4>icon-panels-right-bottom</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-panels-top-left"></use>
          </svg>
          <h4>icon-panels-top-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-paperclip"></use>
          </svg>
          <h4>icon-paperclip</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-parentheses"></use>
          </svg>
          <h4>icon-parentheses</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-parking-meter"></use>
          </svg>
          <h4>icon-parking-meter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-party-popper"></use>
          </svg>
          <h4>icon-party-popper</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pause"></use>
          </svg>
          <h4>icon-pause</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-paw-print"></use>
          </svg>
          <h4>icon-paw-print</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pc-case"></use>
          </svg>
          <h4>icon-pc-case</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pen-line"></use>
          </svg>
          <h4>icon-pen-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pen-off"></use>
          </svg>
          <h4>icon-pen-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pen-tool"></use>
          </svg>
          <h4>icon-pen-tool</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pen"></use>
          </svg>
          <h4>icon-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pencil-line"></use>
          </svg>
          <h4>icon-pencil-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pencil-off"></use>
          </svg>
          <h4>icon-pencil-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pencil-ruler"></use>
          </svg>
          <h4>icon-pencil-ruler</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pencil"></use>
          </svg>
          <h4>icon-pencil</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pentagon"></use>
          </svg>
          <h4>icon-pentagon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-percent"></use>
          </svg>
          <h4>icon-percent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-person-standing"></use>
          </svg>
          <h4>icon-person-standing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-philippine-peso"></use>
          </svg>
          <h4>icon-philippine-peso</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone-call"></use>
          </svg>
          <h4>icon-phone-call</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone-forwarded"></use>
          </svg>
          <h4>icon-phone-forwarded</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone-incoming"></use>
          </svg>
          <h4>icon-phone-incoming</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone-missed"></use>
          </svg>
          <h4>icon-phone-missed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone-off"></use>
          </svg>
          <h4>icon-phone-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone-outgoing"></use>
          </svg>
          <h4>icon-phone-outgoing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-phone"></use>
          </svg>
          <h4>icon-phone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pi"></use>
          </svg>
          <h4>icon-pi</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-piano"></use>
          </svg>
          <h4>icon-piano</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pickaxe"></use>
          </svg>
          <h4>icon-pickaxe</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-picture-in-picture-2"></use>
          </svg>
          <h4>icon-picture-in-picture-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-picture-in-picture"></use>
          </svg>
          <h4>icon-picture-in-picture</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-piggy-bank"></use>
          </svg>
          <h4>icon-piggy-bank</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pilcrow-left"></use>
          </svg>
          <h4>icon-pilcrow-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pilcrow-right"></use>
          </svg>
          <h4>icon-pilcrow-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pilcrow"></use>
          </svg>
          <h4>icon-pilcrow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pill-bottle"></use>
          </svg>
          <h4>icon-pill-bottle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pill"></use>
          </svg>
          <h4>icon-pill</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pin-off"></use>
          </svg>
          <h4>icon-pin-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pin"></use>
          </svg>
          <h4>icon-pin</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pipette"></use>
          </svg>
          <h4>icon-pipette</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pizza"></use>
          </svg>
          <h4>icon-pizza</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plane-landing"></use>
          </svg>
          <h4>icon-plane-landing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plane-takeoff"></use>
          </svg>
          <h4>icon-plane-takeoff</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plane"></use>
          </svg>
          <h4>icon-plane</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-play"></use>
          </svg>
          <h4>icon-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plug-2"></use>
          </svg>
          <h4>icon-plug-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plug-zap"></use>
          </svg>
          <h4>icon-plug-zap</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plug"></use>
          </svg>
          <h4>icon-plug</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-plus"></use>
          </svg>
          <h4>icon-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pocket-knife"></use>
          </svg>
          <h4>icon-pocket-knife</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pocket"></use>
          </svg>
          <h4>icon-pocket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-podcast"></use>
          </svg>
          <h4>icon-podcast</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pointer-off"></use>
          </svg>
          <h4>icon-pointer-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pointer"></use>
          </svg>
          <h4>icon-pointer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-popcorn"></use>
          </svg>
          <h4>icon-popcorn</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-popsicle"></use>
          </svg>
          <h4>icon-popsicle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pound-sterling"></use>
          </svg>
          <h4>icon-pound-sterling</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-power-off"></use>
          </svg>
          <h4>icon-power-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-power"></use>
          </svg>
          <h4>icon-power</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-presentation"></use>
          </svg>
          <h4>icon-presentation</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-printer-check"></use>
          </svg>
          <h4>icon-printer-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-printer"></use>
          </svg>
          <h4>icon-printer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-projector"></use>
          </svg>
          <h4>icon-projector</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-proportions"></use>
          </svg>
          <h4>icon-proportions</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-puzzle"></use>
          </svg>
          <h4>icon-puzzle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-pyramid"></use>
          </svg>
          <h4>icon-pyramid</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-qr-code"></use>
          </svg>
          <h4>icon-qr-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-quote"></use>
          </svg>
          <h4>icon-quote</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rabbit"></use>
          </svg>
          <h4>icon-rabbit</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radar"></use>
          </svg>
          <h4>icon-radar</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radiation"></use>
          </svg>
          <h4>icon-radiation</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radical"></use>
          </svg>
          <h4>icon-radical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radio-receiver"></use>
          </svg>
          <h4>icon-radio-receiver</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radio-tower"></use>
          </svg>
          <h4>icon-radio-tower</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radio"></use>
          </svg>
          <h4>icon-radio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-radius"></use>
          </svg>
          <h4>icon-radius</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rail-symbol"></use>
          </svg>
          <h4>icon-rail-symbol</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rainbow"></use>
          </svg>
          <h4>icon-rainbow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rat"></use>
          </svg>
          <h4>icon-rat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ratio"></use>
          </svg>
          <h4>icon-ratio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-cent"></use>
          </svg>
          <h4>icon-receipt-cent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-euro"></use>
          </svg>
          <h4>icon-receipt-euro</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-indian-rupee"></use>
          </svg>
          <h4>icon-receipt-indian-rupee</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-japanese-yen"></use>
          </svg>
          <h4>icon-receipt-japanese-yen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-pound-sterling"></use>
          </svg>
          <h4>icon-receipt-pound-sterling</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-russian-ruble"></use>
          </svg>
          <h4>icon-receipt-russian-ruble</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-swiss-franc"></use>
          </svg>
          <h4>icon-receipt-swiss-franc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt-text"></use>
          </svg>
          <h4>icon-receipt-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-receipt"></use>
          </svg>
          <h4>icon-receipt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rectangle-ellipsis"></use>
          </svg>
          <h4>icon-rectangle-ellipsis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rectangle-horizontal"></use>
          </svg>
          <h4>icon-rectangle-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rectangle-vertical"></use>
          </svg>
          <h4>icon-rectangle-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-recycle"></use>
          </svg>
          <h4>icon-recycle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-redo-2"></use>
          </svg>
          <h4>icon-redo-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-redo-dot"></use>
          </svg>
          <h4>icon-redo-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-redo"></use>
          </svg>
          <h4>icon-redo</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-refresh-ccw-dot"></use>
          </svg>
          <h4>icon-refresh-ccw-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-refresh-ccw"></use>
          </svg>
          <h4>icon-refresh-ccw</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-refresh-cw-off"></use>
          </svg>
          <h4>icon-refresh-cw-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-refresh-cw"></use>
          </svg>
          <h4>icon-refresh-cw</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-refrigerator"></use>
          </svg>
          <h4>icon-refrigerator</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-regex"></use>
          </svg>
          <h4>icon-regex</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-remove-formatting"></use>
          </svg>
          <h4>icon-remove-formatting</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-repeat-1"></use>
          </svg>
          <h4>icon-repeat-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-repeat-2"></use>
          </svg>
          <h4>icon-repeat-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-repeat"></use>
          </svg>
          <h4>icon-repeat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-replace-all"></use>
          </svg>
          <h4>icon-replace-all</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-replace"></use>
          </svg>
          <h4>icon-replace</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-reply-all"></use>
          </svg>
          <h4>icon-reply-all</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-reply"></use>
          </svg>
          <h4>icon-reply</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rewind"></use>
          </svg>
          <h4>icon-rewind</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ribbon"></use>
          </svg>
          <h4>icon-ribbon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rocket"></use>
          </svg>
          <h4>icon-rocket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rocking-chair"></use>
          </svg>
          <h4>icon-rocking-chair</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-roller-coaster"></use>
          </svg>
          <h4>icon-roller-coaster</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rotate-3d"></use>
          </svg>
          <h4>icon-rotate-3d</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rotate-ccw-square"></use>
          </svg>
          <h4>icon-rotate-ccw-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rotate-ccw"></use>
          </svg>
          <h4>icon-rotate-ccw</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rotate-cw-square"></use>
          </svg>
          <h4>icon-rotate-cw-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rotate-cw"></use>
          </svg>
          <h4>icon-rotate-cw</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-route-off"></use>
          </svg>
          <h4>icon-route-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-route"></use>
          </svg>
          <h4>icon-route</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-router"></use>
          </svg>
          <h4>icon-router</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rows-2"></use>
          </svg>
          <h4>icon-rows-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rows-3"></use>
          </svg>
          <h4>icon-rows-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rows-4"></use>
          </svg>
          <h4>icon-rows-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-rss"></use>
          </svg>
          <h4>icon-rss</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ruler"></use>
          </svg>
          <h4>icon-ruler</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-russian-ruble"></use>
          </svg>
          <h4>icon-russian-ruble</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sailboat"></use>
          </svg>
          <h4>icon-sailboat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-salad"></use>
          </svg>
          <h4>icon-salad</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sandwich"></use>
          </svg>
          <h4>icon-sandwich</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-satellite-dish"></use>
          </svg>
          <h4>icon-satellite-dish</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-satellite"></use>
          </svg>
          <h4>icon-satellite</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-save-all"></use>
          </svg>
          <h4>icon-save-all</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-save-off"></use>
          </svg>
          <h4>icon-save-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-save"></use>
          </svg>
          <h4>icon-save</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scale-3d"></use>
          </svg>
          <h4>icon-scale-3d</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scale"></use>
          </svg>
          <h4>icon-scale</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scaling"></use>
          </svg>
          <h4>icon-scaling</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-barcode"></use>
          </svg>
          <h4>icon-scan-barcode</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-eye"></use>
          </svg>
          <h4>icon-scan-eye</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-face"></use>
          </svg>
          <h4>icon-scan-face</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-heart"></use>
          </svg>
          <h4>icon-scan-heart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-line"></use>
          </svg>
          <h4>icon-scan-line</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-qr-code"></use>
          </svg>
          <h4>icon-scan-qr-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-search"></use>
          </svg>
          <h4>icon-scan-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan-text"></use>
          </svg>
          <h4>icon-scan-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scan"></use>
          </svg>
          <h4>icon-scan</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-school"></use>
          </svg>
          <h4>icon-school</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scissors-line-dashed"></use>
          </svg>
          <h4>icon-scissors-line-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scissors"></use>
          </svg>
          <h4>icon-scissors</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-screen-share-off"></use>
          </svg>
          <h4>icon-screen-share-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-screen-share"></use>
          </svg>
          <h4>icon-screen-share</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scroll-text"></use>
          </svg>
          <h4>icon-scroll-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-scroll"></use>
          </svg>
          <h4>icon-scroll</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-search-check"></use>
          </svg>
          <h4>icon-search-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-search-code"></use>
          </svg>
          <h4>icon-search-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-search-slash"></use>
          </svg>
          <h4>icon-search-slash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-search-x"></use>
          </svg>
          <h4>icon-search-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-search"></use>
          </svg>
          <h4>icon-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-section"></use>
          </svg>
          <h4>icon-section</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-send-horizontal"></use>
          </svg>
          <h4>icon-send-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-send-to-back"></use>
          </svg>
          <h4>icon-send-to-back</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-send"></use>
          </svg>
          <h4>icon-send</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-separator-horizontal"></use>
          </svg>
          <h4>icon-separator-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-separator-vertical"></use>
          </svg>
          <h4>icon-separator-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-server-cog"></use>
          </svg>
          <h4>icon-server-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-server-crash"></use>
          </svg>
          <h4>icon-server-crash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-server-off"></use>
          </svg>
          <h4>icon-server-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-server"></use>
          </svg>
          <h4>icon-server</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-settings-2"></use>
          </svg>
          <h4>icon-settings-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-settings"></use>
          </svg>
          <h4>icon-settings</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shapes"></use>
          </svg>
          <h4>icon-shapes</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-share-2"></use>
          </svg>
          <h4>icon-share-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-share"></use>
          </svg>
          <h4>icon-share</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sheet"></use>
          </svg>
          <h4>icon-sheet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shell"></use>
          </svg>
          <h4>icon-shell</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-alert"></use>
          </svg>
          <h4>icon-shield-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-ban"></use>
          </svg>
          <h4>icon-shield-ban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-check"></use>
          </svg>
          <h4>icon-shield-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-ellipsis"></use>
          </svg>
          <h4>icon-shield-ellipsis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-half"></use>
          </svg>
          <h4>icon-shield-half</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-minus"></use>
          </svg>
          <h4>icon-shield-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-off"></use>
          </svg>
          <h4>icon-shield-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-plus"></use>
          </svg>
          <h4>icon-shield-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-question"></use>
          </svg>
          <h4>icon-shield-question</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-user"></use>
          </svg>
          <h4>icon-shield-user</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield-x"></use>
          </svg>
          <h4>icon-shield-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shield"></use>
          </svg>
          <h4>icon-shield</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ship-wheel"></use>
          </svg>
          <h4>icon-ship-wheel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ship"></use>
          </svg>
          <h4>icon-ship</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shirt"></use>
          </svg>
          <h4>icon-shirt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shopping-bag"></use>
          </svg>
          <h4>icon-shopping-bag</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shopping-basket"></use>
          </svg>
          <h4>icon-shopping-basket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shopping-cart"></use>
          </svg>
          <h4>icon-shopping-cart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shovel"></use>
          </svg>
          <h4>icon-shovel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shower-head"></use>
          </svg>
          <h4>icon-shower-head</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shrink"></use>
          </svg>
          <h4>icon-shrink</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shrub"></use>
          </svg>
          <h4>icon-shrub</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-shuffle"></use>
          </svg>
          <h4>icon-shuffle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sigma"></use>
          </svg>
          <h4>icon-sigma</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signal-high"></use>
          </svg>
          <h4>icon-signal-high</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signal-low"></use>
          </svg>
          <h4>icon-signal-low</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signal-medium"></use>
          </svg>
          <h4>icon-signal-medium</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signal-zero"></use>
          </svg>
          <h4>icon-signal-zero</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signal"></use>
          </svg>
          <h4>icon-signal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signature"></use>
          </svg>
          <h4>icon-signature</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signpost-big"></use>
          </svg>
          <h4>icon-signpost-big</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-signpost"></use>
          </svg>
          <h4>icon-signpost</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-siren"></use>
          </svg>
          <h4>icon-siren</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-skip-back"></use>
          </svg>
          <h4>icon-skip-back</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-skip-forward"></use>
          </svg>
          <h4>icon-skip-forward</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-skull"></use>
          </svg>
          <h4>icon-skull</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-slack"></use>
          </svg>
          <h4>icon-slack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-slash"></use>
          </svg>
          <h4>icon-slash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-slice"></use>
          </svg>
          <h4>icon-slice</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sliders-horizontal"></use>
          </svg>
          <h4>icon-sliders-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sliders-vertical"></use>
          </svg>
          <h4>icon-sliders-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-smartphone-charging"></use>
          </svg>
          <h4>icon-smartphone-charging</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-smartphone-nfc"></use>
          </svg>
          <h4>icon-smartphone-nfc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-smartphone"></use>
          </svg>
          <h4>icon-smartphone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-smile-plus"></use>
          </svg>
          <h4>icon-smile-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-smile"></use>
          </svg>
          <h4>icon-smile</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-snail"></use>
          </svg>
          <h4>icon-snail</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-snowflake"></use>
          </svg>
          <h4>icon-snowflake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sofa"></use>
          </svg>
          <h4>icon-sofa</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-soup"></use>
          </svg>
          <h4>icon-soup</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-space"></use>
          </svg>
          <h4>icon-space</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-spade"></use>
          </svg>
          <h4>icon-spade</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sparkle"></use>
          </svg>
          <h4>icon-sparkle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sparkles"></use>
          </svg>
          <h4>icon-sparkles</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-speaker"></use>
          </svg>
          <h4>icon-speaker</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-speech"></use>
          </svg>
          <h4>icon-speech</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-spell-check-2"></use>
          </svg>
          <h4>icon-spell-check-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-spell-check"></use>
          </svg>
          <h4>icon-spell-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-spline"></use>
          </svg>
          <h4>icon-spline</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-split"></use>
          </svg>
          <h4>icon-split</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-spray-can"></use>
          </svg>
          <h4>icon-spray-can</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sprout"></use>
          </svg>
          <h4>icon-sprout</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-activity"></use>
          </svg>
          <h4>icon-square-activity</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-down-left"></use>
          </svg>
          <h4>icon-square-arrow-down-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-down-right"></use>
          </svg>
          <h4>icon-square-arrow-down-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-down"></use>
          </svg>
          <h4>icon-square-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-left"></use>
          </svg>
          <h4>icon-square-arrow-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-out-down-left"></use>
          </svg>
          <h4>icon-square-arrow-out-down-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-out-down-right"></use>
          </svg>
          <h4>icon-square-arrow-out-down-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-out-up-left"></use>
          </svg>
          <h4>icon-square-arrow-out-up-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-out-up-right"></use>
          </svg>
          <h4>icon-square-arrow-out-up-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-right"></use>
          </svg>
          <h4>icon-square-arrow-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-up-left"></use>
          </svg>
          <h4>icon-square-arrow-up-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-up-right"></use>
          </svg>
          <h4>icon-square-arrow-up-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-arrow-up"></use>
          </svg>
          <h4>icon-square-arrow-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-asterisk"></use>
          </svg>
          <h4>icon-square-asterisk</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-bottom-dashed-scissors"></use>
          </svg>
          <h4>icon-square-bottom-dashed-scissors</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-chart-gantt"></use>
          </svg>
          <h4>icon-square-chart-gantt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-check-big"></use>
          </svg>
          <h4>icon-square-check-big</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-check"></use>
          </svg>
          <h4>icon-square-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-chevron-down"></use>
          </svg>
          <h4>icon-square-chevron-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-chevron-left"></use>
          </svg>
          <h4>icon-square-chevron-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-chevron-right"></use>
          </svg>
          <h4>icon-square-chevron-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-chevron-up"></use>
          </svg>
          <h4>icon-square-chevron-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-code"></use>
          </svg>
          <h4>icon-square-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-dashed-bottom-code"></use>
          </svg>
          <h4>icon-square-dashed-bottom-code</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-dashed-bottom"></use>
          </svg>
          <h4>icon-square-dashed-bottom</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-dashed-kanban"></use>
          </svg>
          <h4>icon-square-dashed-kanban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-dashed-mouse-pointer"></use>
          </svg>
          <h4>icon-square-dashed-mouse-pointer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-dashed"></use>
          </svg>
          <h4>icon-square-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-divide"></use>
          </svg>
          <h4>icon-square-divide</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-dot"></use>
          </svg>
          <h4>icon-square-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-equal"></use>
          </svg>
          <h4>icon-square-equal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-function"></use>
          </svg>
          <h4>icon-square-function</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-kanban"></use>
          </svg>
          <h4>icon-square-kanban</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-library"></use>
          </svg>
          <h4>icon-square-library</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-m"></use>
          </svg>
          <h4>icon-square-m</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-menu"></use>
          </svg>
          <h4>icon-square-menu</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-minus"></use>
          </svg>
          <h4>icon-square-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-mouse-pointer"></use>
          </svg>
          <h4>icon-square-mouse-pointer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-parking-off"></use>
          </svg>
          <h4>icon-square-parking-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-parking"></use>
          </svg>
          <h4>icon-square-parking</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-pen"></use>
          </svg>
          <h4>icon-square-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-percent"></use>
          </svg>
          <h4>icon-square-percent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-pi"></use>
          </svg>
          <h4>icon-square-pi</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-pilcrow"></use>
          </svg>
          <h4>icon-square-pilcrow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-play"></use>
          </svg>
          <h4>icon-square-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-plus"></use>
          </svg>
          <h4>icon-square-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-power"></use>
          </svg>
          <h4>icon-square-power</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-radical"></use>
          </svg>
          <h4>icon-square-radical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-round-corner"></use>
          </svg>
          <h4>icon-square-round-corner</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-scissors"></use>
          </svg>
          <h4>icon-square-scissors</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-sigma"></use>
          </svg>
          <h4>icon-square-sigma</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-slash"></use>
          </svg>
          <h4>icon-square-slash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-split-horizontal"></use>
          </svg>
          <h4>icon-square-split-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-split-vertical"></use>
          </svg>
          <h4>icon-square-split-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-square"></use>
          </svg>
          <h4>icon-square-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-stack"></use>
          </svg>
          <h4>icon-square-stack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-terminal"></use>
          </svg>
          <h4>icon-square-terminal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-user-round"></use>
          </svg>
          <h4>icon-square-user-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-user"></use>
          </svg>
          <h4>icon-square-user</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square-x"></use>
          </svg>
          <h4>icon-square-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-square"></use>
          </svg>
          <h4>icon-square</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-squircle"></use>
          </svg>
          <h4>icon-squircle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-squirrel"></use>
          </svg>
          <h4>icon-squirrel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-stamp"></use>
          </svg>
          <h4>icon-stamp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-star-half"></use>
          </svg>
          <h4>icon-star-half</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-star-off"></use>
          </svg>
          <h4>icon-star-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-star"></use>
          </svg>
          <h4>icon-star</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-step-back"></use>
          </svg>
          <h4>icon-step-back</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-step-forward"></use>
          </svg>
          <h4>icon-step-forward</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-stethoscope"></use>
          </svg>
          <h4>icon-stethoscope</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sticker"></use>
          </svg>
          <h4>icon-sticker</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sticky-note"></use>
          </svg>
          <h4>icon-sticky-note</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-store"></use>
          </svg>
          <h4>icon-store</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-stretch-horizontal"></use>
          </svg>
          <h4>icon-stretch-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-stretch-vertical"></use>
          </svg>
          <h4>icon-stretch-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-strikethrough"></use>
          </svg>
          <h4>icon-strikethrough</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-subscript"></use>
          </svg>
          <h4>icon-subscript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sun-dim"></use>
          </svg>
          <h4>icon-sun-dim</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sun-medium"></use>
          </svg>
          <h4>icon-sun-medium</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sun-moon"></use>
          </svg>
          <h4>icon-sun-moon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sun-snow"></use>
          </svg>
          <h4>icon-sun-snow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sun"></use>
          </svg>
          <h4>icon-sun</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sunrise"></use>
          </svg>
          <h4>icon-sunrise</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sunset"></use>
          </svg>
          <h4>icon-sunset</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-superscript"></use>
          </svg>
          <h4>icon-superscript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-swatch-book"></use>
          </svg>
          <h4>icon-swatch-book</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-swiss-franc"></use>
          </svg>
          <h4>icon-swiss-franc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-switch-camera"></use>
          </svg>
          <h4>icon-switch-camera</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-sword"></use>
          </svg>
          <h4>icon-sword</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-swords"></use>
          </svg>
          <h4>icon-swords</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-syringe"></use>
          </svg>
          <h4>icon-syringe</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-2"></use>
          </svg>
          <h4>icon-table-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-cells-merge"></use>
          </svg>
          <h4>icon-table-cells-merge</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-cells-split"></use>
          </svg>
          <h4>icon-table-cells-split</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-columns-split"></use>
          </svg>
          <h4>icon-table-columns-split</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-of-contents"></use>
          </svg>
          <h4>icon-table-of-contents</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-properties"></use>
          </svg>
          <h4>icon-table-properties</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table-rows-split"></use>
          </svg>
          <h4>icon-table-rows-split</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-table"></use>
          </svg>
          <h4>icon-table</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tablet-smartphone"></use>
          </svg>
          <h4>icon-tablet-smartphone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tablet"></use>
          </svg>
          <h4>icon-tablet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tablets"></use>
          </svg>
          <h4>icon-tablets</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tag"></use>
          </svg>
          <h4>icon-tag</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tags"></use>
          </svg>
          <h4>icon-tags</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tally-1"></use>
          </svg>
          <h4>icon-tally-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tally-2"></use>
          </svg>
          <h4>icon-tally-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tally-3"></use>
          </svg>
          <h4>icon-tally-3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tally-4"></use>
          </svg>
          <h4>icon-tally-4</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tally-5"></use>
          </svg>
          <h4>icon-tally-5</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tangent"></use>
          </svg>
          <h4>icon-tangent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-target"></use>
          </svg>
          <h4>icon-target</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-telescope"></use>
          </svg>
          <h4>icon-telescope</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tent-tree"></use>
          </svg>
          <h4>icon-tent-tree</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tent"></use>
          </svg>
          <h4>icon-tent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-terminal"></use>
          </svg>
          <h4>icon-terminal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-test-tube-diagonal"></use>
          </svg>
          <h4>icon-test-tube-diagonal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-test-tube"></use>
          </svg>
          <h4>icon-test-tube</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-test-tubes"></use>
          </svg>
          <h4>icon-test-tubes</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-text-cursor-input"></use>
          </svg>
          <h4>icon-text-cursor-input</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-text-cursor"></use>
          </svg>
          <h4>icon-text-cursor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-text-quote"></use>
          </svg>
          <h4>icon-text-quote</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-text-search"></use>
          </svg>
          <h4>icon-text-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-text-select"></use>
          </svg>
          <h4>icon-text-select</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-text"></use>
          </svg>
          <h4>icon-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-theater"></use>
          </svg>
          <h4>icon-theater</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-thermometer-snowflake"></use>
          </svg>
          <h4>icon-thermometer-snowflake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-thermometer-sun"></use>
          </svg>
          <h4>icon-thermometer-sun</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-thermometer"></use>
          </svg>
          <h4>icon-thermometer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-thumbs-down"></use>
          </svg>
          <h4>icon-thumbs-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-thumbs-up"></use>
          </svg>
          <h4>icon-thumbs-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket-check"></use>
          </svg>
          <h4>icon-ticket-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket-minus"></use>
          </svg>
          <h4>icon-ticket-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket-percent"></use>
          </svg>
          <h4>icon-ticket-percent</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket-plus"></use>
          </svg>
          <h4>icon-ticket-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket-slash"></use>
          </svg>
          <h4>icon-ticket-slash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket-x"></use>
          </svg>
          <h4>icon-ticket-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ticket"></use>
          </svg>
          <h4>icon-ticket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tickets-plane"></use>
          </svg>
          <h4>icon-tickets-plane</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tickets"></use>
          </svg>
          <h4>icon-tickets</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-timer-off"></use>
          </svg>
          <h4>icon-timer-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-timer-reset"></use>
          </svg>
          <h4>icon-timer-reset</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-timer"></use>
          </svg>
          <h4>icon-timer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-toggle-left"></use>
          </svg>
          <h4>icon-toggle-left</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-toggle-right"></use>
          </svg>
          <h4>icon-toggle-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-toilet"></use>
          </svg>
          <h4>icon-toilet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tornado"></use>
          </svg>
          <h4>icon-tornado</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-torus"></use>
          </svg>
          <h4>icon-torus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-touchpad-off"></use>
          </svg>
          <h4>icon-touchpad-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-touchpad"></use>
          </svg>
          <h4>icon-touchpad</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tower-control"></use>
          </svg>
          <h4>icon-tower-control</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-toy-brick"></use>
          </svg>
          <h4>icon-toy-brick</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tractor"></use>
          </svg>
          <h4>icon-tractor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-traffic-cone"></use>
          </svg>
          <h4>icon-traffic-cone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-train-front-tunnel"></use>
          </svg>
          <h4>icon-train-front-tunnel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-train-front"></use>
          </svg>
          <h4>icon-train-front</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-train-track"></use>
          </svg>
          <h4>icon-train-track</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tram-front"></use>
          </svg>
          <h4>icon-tram-front</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-transgender"></use>
          </svg>
          <h4>icon-transgender</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trash-2"></use>
          </svg>
          <h4>icon-trash-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trash"></use>
          </svg>
          <h4>icon-trash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tree-deciduous"></use>
          </svg>
          <h4>icon-tree-deciduous</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tree-palm"></use>
          </svg>
          <h4>icon-tree-palm</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tree-pine"></use>
          </svg>
          <h4>icon-tree-pine</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trees"></use>
          </svg>
          <h4>icon-trees</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trello"></use>
          </svg>
          <h4>icon-trello</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trending-down"></use>
          </svg>
          <h4>icon-trending-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trending-up-down"></use>
          </svg>
          <h4>icon-trending-up-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trending-up"></use>
          </svg>
          <h4>icon-trending-up</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-triangle-alert"></use>
          </svg>
          <h4>icon-triangle-alert</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-triangle-dashed"></use>
          </svg>
          <h4>icon-triangle-dashed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-triangle-right"></use>
          </svg>
          <h4>icon-triangle-right</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-triangle"></use>
          </svg>
          <h4>icon-triangle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-trophy"></use>
          </svg>
          <h4>icon-trophy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-truck"></use>
          </svg>
          <h4>icon-truck</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-turtle"></use>
          </svg>
          <h4>icon-turtle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tv-minimal-play"></use>
          </svg>
          <h4>icon-tv-minimal-play</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tv-minimal"></use>
          </svg>
          <h4>icon-tv-minimal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-tv"></use>
          </svg>
          <h4>icon-tv</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-twitch"></use>
          </svg>
          <h4>icon-twitch</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-twitter"></use>
          </svg>
          <h4>icon-twitter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-type-outline"></use>
          </svg>
          <h4>icon-type-outline</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-type"></use>
          </svg>
          <h4>icon-type</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-umbrella-off"></use>
          </svg>
          <h4>icon-umbrella-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-umbrella"></use>
          </svg>
          <h4>icon-umbrella</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-underline"></use>
          </svg>
          <h4>icon-underline</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-undo-2"></use>
          </svg>
          <h4>icon-undo-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-undo-dot"></use>
          </svg>
          <h4>icon-undo-dot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-undo"></use>
          </svg>
          <h4>icon-undo</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-unfold-horizontal"></use>
          </svg>
          <h4>icon-unfold-horizontal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-unfold-vertical"></use>
          </svg>
          <h4>icon-unfold-vertical</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-ungroup"></use>
          </svg>
          <h4>icon-ungroup</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-university"></use>
          </svg>
          <h4>icon-university</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-unlink-2"></use>
          </svg>
          <h4>icon-unlink-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-unlink"></use>
          </svg>
          <h4>icon-unlink</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-unplug"></use>
          </svg>
          <h4>icon-unplug</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-upload"></use>
          </svg>
          <h4>icon-upload</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-usb"></use>
          </svg>
          <h4>icon-usb</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-check"></use>
          </svg>
          <h4>icon-user-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-cog"></use>
          </svg>
          <h4>icon-user-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-minus"></use>
          </svg>
          <h4>icon-user-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-pen"></use>
          </svg>
          <h4>icon-user-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-plus"></use>
          </svg>
          <h4>icon-user-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-check"></use>
          </svg>
          <h4>icon-user-round-check</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-cog"></use>
          </svg>
          <h4>icon-user-round-cog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-minus"></use>
          </svg>
          <h4>icon-user-round-minus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-pen"></use>
          </svg>
          <h4>icon-user-round-pen</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-plus"></use>
          </svg>
          <h4>icon-user-round-plus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-search"></use>
          </svg>
          <h4>icon-user-round-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round-x"></use>
          </svg>
          <h4>icon-user-round-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-round"></use>
          </svg>
          <h4>icon-user-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-search"></use>
          </svg>
          <h4>icon-user-search</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user-x"></use>
          </svg>
          <h4>icon-user-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-user"></use>
          </svg>
          <h4>icon-user</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-users-round"></use>
          </svg>
          <h4>icon-users-round</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-users"></use>
          </svg>
          <h4>icon-users</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-utensils-crossed"></use>
          </svg>
          <h4>icon-utensils-crossed</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-utensils"></use>
          </svg>
          <h4>icon-utensils</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-utility-pole"></use>
          </svg>
          <h4>icon-utility-pole</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-variable"></use>
          </svg>
          <h4>icon-variable</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-vault"></use>
          </svg>
          <h4>icon-vault</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-vegan"></use>
          </svg>
          <h4>icon-vegan</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-venetian-mask"></use>
          </svg>
          <h4>icon-venetian-mask</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-venus-and-mars"></use>
          </svg>
          <h4>icon-venus-and-mars</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-venus"></use>
          </svg>
          <h4>icon-venus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-vibrate-off"></use>
          </svg>
          <h4>icon-vibrate-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-vibrate"></use>
          </svg>
          <h4>icon-vibrate</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-video-off"></use>
          </svg>
          <h4>icon-video-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-video"></use>
          </svg>
          <h4>icon-video</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-videotape"></use>
          </svg>
          <h4>icon-videotape</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-view"></use>
          </svg>
          <h4>icon-view</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-voicemail"></use>
          </svg>
          <h4>icon-voicemail</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-volleyball"></use>
          </svg>
          <h4>icon-volleyball</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-volume-1"></use>
          </svg>
          <h4>icon-volume-1</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-volume-2"></use>
          </svg>
          <h4>icon-volume-2</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-volume-off"></use>
          </svg>
          <h4>icon-volume-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-volume-x"></use>
          </svg>
          <h4>icon-volume-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-volume"></use>
          </svg>
          <h4>icon-volume</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-vote"></use>
          </svg>
          <h4>icon-vote</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wallet-cards"></use>
          </svg>
          <h4>icon-wallet-cards</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wallet-minimal"></use>
          </svg>
          <h4>icon-wallet-minimal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wallet"></use>
          </svg>
          <h4>icon-wallet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wallpaper"></use>
          </svg>
          <h4>icon-wallpaper</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wand-sparkles"></use>
          </svg>
          <h4>icon-wand-sparkles</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wand"></use>
          </svg>
          <h4>icon-wand</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-warehouse"></use>
          </svg>
          <h4>icon-warehouse</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-washing-machine"></use>
          </svg>
          <h4>icon-washing-machine</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-watch"></use>
          </svg>
          <h4>icon-watch</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-waves-ladder"></use>
          </svg>
          <h4>icon-waves-ladder</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-waves"></use>
          </svg>
          <h4>icon-waves</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-waypoints"></use>
          </svg>
          <h4>icon-waypoints</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-webcam"></use>
          </svg>
          <h4>icon-webcam</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-webhook-off"></use>
          </svg>
          <h4>icon-webhook-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-webhook"></use>
          </svg>
          <h4>icon-webhook</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-weight"></use>
          </svg>
          <h4>icon-weight</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wheat-off"></use>
          </svg>
          <h4>icon-wheat-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wheat"></use>
          </svg>
          <h4>icon-wheat</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-whole-word"></use>
          </svg>
          <h4>icon-whole-word</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wifi-high"></use>
          </svg>
          <h4>icon-wifi-high</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wifi-low"></use>
          </svg>
          <h4>icon-wifi-low</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wifi-off"></use>
          </svg>
          <h4>icon-wifi-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wifi-zero"></use>
          </svg>
          <h4>icon-wifi-zero</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wifi"></use>
          </svg>
          <h4>icon-wifi</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wind-arrow-down"></use>
          </svg>
          <h4>icon-wind-arrow-down</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wind"></use>
          </svg>
          <h4>icon-wind</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wine-off"></use>
          </svg>
          <h4>icon-wine-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wine"></use>
          </svg>
          <h4>icon-wine</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-workflow"></use>
          </svg>
          <h4>icon-workflow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-worm"></use>
          </svg>
          <h4>icon-worm</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wrap-text"></use>
          </svg>
          <h4>icon-wrap-text</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-wrench"></use>
          </svg>
          <h4>icon-wrench</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-x"></use>
          </svg>
          <h4>icon-x</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-youtube"></use>
          </svg>
          <h4>icon-youtube</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-zap-off"></use>
          </svg>
          <h4>icon-zap-off</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-zap"></use>
          </svg>
          <h4>icon-zap</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-zoom-in"></use>
          </svg>
          <h4>icon-zoom-in</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="lucide.symbol.svg#icon-zoom-out"></use>
          </svg>
          <h4>icon-zoom-out</h4>
        </li>
      
    </ul>
  </div>
  <p class="links">
    
      <a href="https://github.com/lucide-icons/lucide">GitHub</a> · 
    
      <a href="https://github.com/lucide-icons/lucide/issues">Feedback</a> · 
    
      <a href="index.html">Font Class</a> · 
    
      <a href="unicode.html">Unicode</a>
    
  </p>
  <div class="footer">
    
    <div><a target="_blank" href="https://github.com/jaywcjlove/svgtofont">Created By svgtofont</a></div>
  </div>
</body>

</html>